/* Copyright 2016 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
* The Paper GTK theme is free software: you can redistribute it
* and/or modify it under the terms of the GNU General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* The Paper GTK theme is distributed in the hope that it will be
* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
* Public License for more details.
*
* You should have received a copy of the GNU General Public License along
* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
*/
/* GTK NAMED COLORS
   ----------------
   use responsibly! */
/* widget text/foreground color */
@define-color theme_fg_color #cfd8dc;
/* text color for entries, views and content in general */
@define-color theme_text_color #cfd8dc;
/* widget base background color */
@define-color theme_bg_color #37474f;
/* text widgets and the like base background color */
@define-color theme_base_color #455a64;
/* base background color of selections */
@define-color theme_selected_bg_color #2196f3;
/* text/foreground color of selections */
@define-color theme_selected_fg_color #ffffff;
/* base background color of insensitive widgets */
@define-color insensitive_bg_color #3d4f57;
/* text foreground color of insensitive widgets */
@define-color insensitive_fg_color #839096;
/* insensitive text widgets and the like base background color */
@define-color insensitive_base_color #455a64;
/* widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color #839096;
/* text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color #cfd8dc;
/* widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #37474f;
/* text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #475d67;
/* base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #2196f3;
/* text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #ffffff;
/* widgets main borders color */
@define-color borders #222c31;
/* widgets main borders color on backdrop windows */
@define-color unfocused_borders #242f34;
/* these are pretty self explicative */
@define-color warning_color #f9ce1d;
@define-color error_color #d32f2f;
@define-color success_color #3d8b40;
/* these colors are exported for the window manager and shouldn't be used in applications,
read if you used those and something break with a version upgrade you're on your own... */
@define-color wm_title shade(#cfd8dc, 1.8);
@define-color wm_unfocused_title #839096;
@define-color wm_highlight transparent;
@define-color wm_borders_edge rgba(255, 255, 255, 0.1);
@define-color wm_bg_a shade(#37474f, 1.2);
@define-color wm_bg_b #37474f;
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_border alpha(black, 0.18);
@define-color wm_button_hover_color_a shade(#37474f, 1.3);
@define-color wm_button_hover_color_b #37474f;
@define-color wm_button_active_color_a shade(#37474f, 0.85);
@define-color wm_button_active_color_b shade(#37474f, 0.89);
@define-color wm_button_active_color_c shade(#37474f, 0.9);
@define-color content_view_bg #455a64;
/**********
 * Common *
 **********/
* {
  padding: 0;
  -GtkToolButton-icon-spacing: 4;
  -GtkTextView-error-underline-color: #d32f2f;
  -GtkScrolledWindow-scrollbar-spacing: 0;
  -GtkToolItemGroup-expander-size: 11;
  -GtkTreeView-expander-size: 11;
  -GtkTreeView-horizontal-separator: 4;
  -GtkWidget-text-handle-width: 20;
  -GtkWidget-text-handle-height: 24;
  -GtkDialog-button-spacing: 4;
  -GtkDialog-action-area-border: 0;
  -GtkPaned-handle-size: 1;
  outline-color: rgba(207, 216, 220, 0.3);
  outline-style: dashed;
  outline-offset: -3px;
  outline-width: 1px;
  -gtk-outline-radius: 2px;
  -gtk-secondary-caret-color: #2196f3; }

/***********
 * Widgets *
 ***********/
/***************
* Action bars *
***************/
.action-bar {
  background-color: #222c31;
  border: solid #222c31;
  border-width: 1px 0 0 0;
  color: #cfd8dc;
  box-shadow: none; }
  .action-bar:backdrop {
    background-color: #222c31;
    box-shadow: none;
    -gtk-icon-effect: dim; }
  .action-bar:first-child {
    border-radius: 6px 6px 0px 0px;
    border-width: 1px 1px 0px 1px; }
  .action-bar:last-child {
    border-radius: 0 0 6px 6px;
    border-width: 0px 1px 1px 1px; }

/*********************
 * App Notifications *
 *********************/
.app-notification,
.app-notification.frame {
  padding: 10px;
  border-radius: 0 0 5px 5px;
  background-color: rgba(32, 37, 38, 0.8);
  background-clip: padding-box; }
  .app-notification:backdrop,
  .app-notification.frame:backdrop {
    background-image: none;
    transition: 200ms ease-out; }
  .app-notification border,
  .app-notification.frame border {
    border: none; }

/***************
 * Base States *
 ***************/
.background {
  color: #cfd8dc;
  background-color: #37474f; }
  .background:backdrop {
    color: #839096;
    background-color: #37474f;
    text-shadow: none;
    -gtk-icon-shadow: none; }

/*
   These wildcard seems unavoidable, need to investigate.
   Wildcards are bad and troublesome, use them with care,
   or better, just don't.
   Everytime a wildcard is used a kitten dies, painfully.
*/
*:disabled {
  -gtk-icon-effect: dim; }

.gtkstyle-fallback {
  color: #cfd8dc;
  background-color: #37474f; }
  .gtkstyle-fallback:hover {
    color: #cfd8dc;
    background-color: #4c626d; }
  .gtkstyle-fallback:active {
    color: #cfd8dc;
    background-color: #222c31; }
  .gtkstyle-fallback:disabled {
    color: #839096;
    background-color: #3d4f57; }
  .gtkstyle-fallback:selected {
    color: #ffffff;
    background-color: #2196f3; }

.view, GtkIconView,
iconview,
GtkTextView text,
textview text {
  color: #cfd8dc;
  background-color: #455a64; }
  .view:backdrop, GtkIconView:backdrop,
  iconview:backdrop,
  GtkTextView text:backdrop,
  textview text:backdrop {
    color: #b4bfc5;
    background-color: #475d67; }
  .view:selected:focus, GtkIconView:selected:focus,
  iconview:selected:focus, .view:selected, GtkIconView:selected,
  iconview:selected,
  GtkTextView text:selected:focus,
  textview text:selected:focus,
  GtkTextView text:selected,
  textview text:selected {
    border-radius: 3px; }

GtkTextView,
textview border {
  background-color: #3e515a;
  background-image: image(rgba(0, 0, 0, 0.2));
  background-repeat: no-repeat; }
  GtkTextView:backdrop,
  textview border:backdrop {
    background-color: #3f525b; }
  GtkTextView.bottom,
  textview border.bottom {
    background-size: 100% 1px;
    background-position: top; }
  GtkTextView.top,
  textview border.top {
    background-size: 100% 1px;
    background-position: bottom; }
  GtkTextView.left,
  textview border.left {
    background-size: 1px 100%;
    background-position: right; }
  GtkTextView.right,
  textview border.right {
    background-size: 1px 100%;
    background-position: left; }

GtkIconView,
iconview {
  background-color: transparent; }
  GtkIconView:backdrop,
  iconview:backdrop {
    background-color: transparent; }

.rubberband,
rubberband,
GtkFlow rubberband,
flowbox rubberband,
.content-view rubberband,
GtkTreeView.view .rubberband,
GtkTreeView.view rubberband,
treeview.view .rubberband,
treeview.view rubberband {
  border: 1px solid #0c7cd5;
  background-color: rgba(12, 124, 213, 0.2); }

GtkFlow flowboxchild,
flowbox flowboxchild {
  padding: 3px;
  border-radius: 3px; }
  GtkFlow flowboxchild:selected,
  flowbox flowboxchild:selected {
    outline-offset: -2px; }

GtkLabel.separator,
label.separator {
  color: #cfd8dc; }
  GtkLabel.separator:backdrop,
  label.separator:backdrop {
    color: #839096; }
GtkLabel selection,
label selection {
  background-color: #2196f3;
  color: #ffffff; }
GtkLabel:disabled,
label:disabled {
  color: #839096; }
  GtkLabel:disabled:backdrop,
  label:disabled:backdrop {
    color: #56707c; }
GtkLabel:backdrop,
label:backdrop {
  color: #839096; }

.dim-label, GtkLabel.separator,
label.separator, .titlebar:not(headerbar) .subtitle,
headerbar .subtitle {
  opacity: 0.55;
  text-shadow: none; }

.app-notification,
.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd,
.osd {
  color: #cfd8dc;
  border: none;
  background-color: rgba(32, 37, 38, 0.8);
  background-clip: padding-box;
  outline-color: rgba(207, 216, 220, 0.3);
  text-shadow: 0 1px black;
  -gtk-icon-shadow: 0 1px black; }
  .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop,
  .osd:backdrop {
    text-shadow: none;
    -gtk-icon-shadow: none; }

.view:selected:focus, GtkIconView:selected:focus,
iconview:selected:focus, .view:selected, GtkIconView:selected,
iconview:selected,
GtkTextView text:selected:focus,
textview text:selected:focus,
GtkTextView text:selected,
textview text:selected, GtkTextView text selection:focus, GtkTextView text selection,
textview text selection:focus,
textview text selection, GtkFlow flowboxchild:selected,
flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected,
popover.background radiobutton:selected,
.menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), GeditWindow > .entry:selected:focus, spinbutton:selected:not(.vertical), GeditWindow > .entry:selected,
entry:selected:focus,
entry:selected, spinbutton:not(.vertical) selection:focus, GeditWindow > .entry selection:focus, spinbutton:not(.vertical) selection, GeditWindow > .entry selection,
entry selection:focus,
entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected,
treeview.view:selected:focus,
treeview.view:selected {
  background-color: #2196f3; }
  .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected
  label, row:selected
  label,
  label:selected, .view:selected:focus, GtkIconView:selected:focus,
  iconview:selected:focus, .view:selected, GtkIconView:selected,
  iconview:selected,
  GtkTextView text:selected:focus,
  textview text:selected:focus,
  GtkTextView text:selected,
  textview text:selected, GtkTextView text selection:focus, GtkTextView text selection,
  textview text selection:focus,
  textview text selection, GtkFlow flowboxchild:selected,
  flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected,
  popover.background radiobutton:selected,
  .menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), GeditWindow > .entry:selected:focus, spinbutton:selected:not(.vertical), GeditWindow > .entry:selected,
  entry:selected:focus,
  entry:selected, spinbutton:not(.vertical) selection:focus, GeditWindow > .entry selection:focus, spinbutton:not(.vertical) selection, GeditWindow > .entry selection,
  entry selection:focus,
  entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected,
  treeview.view:selected:focus,
  treeview.view:selected {
    color: #ffffff; }
    .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected
    label:disabled, row:selected
    label:disabled,
    label:disabled:selected, GtkIconView:disabled:selected:focus,
    iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected,
    iconview:disabled:selected,
    GtkTextView text:disabled:selected:focus,
    textview text:disabled:selected:focus,
    GtkTextView text:disabled:selected,
    textview text:disabled:selected, GtkTextView text selection:disabled,
    textview text selection:disabled, GtkFlow flowboxchild:disabled:selected,
    flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection,
    label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected,
    popover.background radiobutton:disabled:selected,
    .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:disabled:selected:not(.vertical), GeditWindow > .entry:disabled:selected,
    entry:disabled:selected, spinbutton:not(.vertical) selection:disabled, GeditWindow > .entry selection:disabled,
    entry selection:disabled, row:disabled:selected {
      color: #90cbf9; }
    .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected
    label:backdrop, row:selected
    label:backdrop,
    label:backdrop:selected, GtkIconView:backdrop:selected:focus,
    iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected,
    iconview:backdrop:selected,
    GtkTextView text:backdrop:selected:focus,
    textview text:backdrop:selected:focus,
    GtkTextView text:backdrop:selected,
    textview text:backdrop:selected, GtkTextView text selection:backdrop,
    textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected,
    flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection,
    label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected,
    popover.background radiobutton:backdrop:selected,
    .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:backdrop:selected:not(.vertical), GeditWindow > .entry:backdrop:selected,
    entry:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, GeditWindow > .entry selection:backdrop,
    entry selection:backdrop, row:backdrop:selected {
      color: rgba(255, 255, 255, 0.5); }
      .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected
      label:backdrop:disabled, row:selected
      label:backdrop:disabled,
      label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected,
      iconview:backdrop:disabled:selected,
      GtkTextView text:backdrop:disabled:selected,
      textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled,
      textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected,
      flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop,
      label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled,
      label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected,
      popover.background radiobutton:backdrop:disabled:selected,
      .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:backdrop:disabled:selected:not(.vertical), GeditWindow > .entry:backdrop:disabled:selected,
      entry:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, GeditWindow > .entry selection:backdrop:disabled,
      entry selection:backdrop:disabled, row:backdrop:disabled:selected {
        color: rgba(61, 163, 245, 0.85); }

.monospace {
  font: Monospace; }

/***********
 * Buttons *
 ***********/
@keyframes needs_attention {
  from {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#6ab8f7), to(transparent)); }
  to {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2196f3), to(transparent)); } }
notebook > header > tabs > arrow,
button {
  min-height: 20px;
  min-width: 16px;
  padding: 4px 9px;
  border: 1px solid #222c31;
  border-radius: 3px;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #cfd8dc;
  outline-color: rgba(207, 216, 220, 0.3);
  border-color: #222c31;
  background-image: linear-gradient(to bottom, #37474f, #2d3940);
  text-shadow: 0 1px rgba(0, 0, 0, 0.7898);
  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7898);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
  button.sidebar-button, notebook > header > tabs > arrow,
  button.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    transition: none; }
    button.sidebar-button:hover, notebook > header > tabs > arrow:hover,
    button.flat:hover {
      transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-duration: 500ms; }
      button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active,
      button.flat:hover:active {
        transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  notebook > header > tabs > arrow:hover,
  button:hover {
    color: #cfd8dc;
    outline-color: rgba(207, 216, 220, 0.3);
    border-color: #222c31;
    background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
    text-shadow: 0 1px rgba(0, 0, 0, 0.7418);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7418);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
    -gtk-icon-effect: highlight; }
  notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
  button:active,
  button:checked {
    color: #cfd8dc;
    outline-color: rgba(207, 216, 220, 0.3);
    border-color: #222c31;
    background-image: linear-gradient(to bottom, #28343a, #334249);
    text-shadow: 0 1px rgba(0, 0, 0, 0.8698);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.8698);
    box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05);
    transition-duration: 50ms; }
  button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop,
  button:backdrop.flat,
  button:backdrop {
    border-color: #242f34;
    background-image: linear-gradient(to bottom, #37474f);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    transition: 200ms ease-out;
    -gtk-icon-effect: none; }
    button.sidebar-button:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop GtkLabel, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop,
    button:backdrop.flat GtkLabel,
    button:backdrop.flat,
    button:backdrop GtkLabel,
    button:backdrop {
      color: #839096; }
    button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop,
    button:backdrop.flat label,
    button:backdrop.flat,
    button:backdrop label,
    button:backdrop {
      color: #839096; }
    button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
    button:backdrop.flat:active,
    button:backdrop.flat:checked,
    button:backdrop:active,
    button:backdrop:checked {
      border-color: #242f34;
      background-image: none;
      box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
      button.sidebar-button:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active GtkLabel, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked GtkLabel, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked,
      button:backdrop.flat:active GtkLabel,
      button:backdrop.flat:active,
      button:backdrop.flat:checked GtkLabel,
      button:backdrop.flat:checked,
      button:backdrop:active GtkLabel,
      button:backdrop:active,
      button:backdrop:checked GtkLabel,
      button:backdrop:checked {
        color: #839096; }
      button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked,
      button:backdrop.flat:active label,
      button:backdrop.flat:active,
      button:backdrop.flat:checked label,
      button:backdrop.flat:checked,
      button:backdrop:active label,
      button:backdrop:active,
      button:backdrop:checked label,
      button:backdrop:checked {
        color: #839096; }
    button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
    button:backdrop.flat:disabled,
    button:backdrop:disabled {
      border-color: #242f34;
      background-image: none;
      background-color: #3d4f57;
      text-shadow: none;
      -gtk-icon-shadow: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
      button.sidebar-button:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled,
      button:backdrop.flat:disabled GtkLabel,
      button:backdrop.flat:disabled,
      button:backdrop:disabled GtkLabel,
      button:backdrop:disabled {
        color: #56707c; }
      button.sidebar-button:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled,
      button:backdrop.flat:disabled label,
      button:backdrop.flat:disabled,
      button:backdrop:disabled label,
      button:backdrop:disabled {
        color: #56707c; }
      button.sidebar-button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
      button:backdrop.flat:disabled:active,
      button:backdrop.flat:disabled:checked,
      button:backdrop:disabled:active,
      button:backdrop:disabled:checked {
        border-color: #242f34;
        background-image: none;
        background-color: #324148;
        box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
        button.sidebar-button:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label,
        button:backdrop.flat:disabled:active label,
        button:backdrop.flat:disabled:checked label,
        button:backdrop:disabled:active label,
        button:backdrop:disabled:checked label {
          color: #56707c; }
  button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
  button.flat:backdrop,
  button.flat:disabled,
  button.flat:backdrop:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none; }
  notebook > header > tabs > arrow:disabled,
  button:disabled {
    border-color: #222c31;
    background-image: none;
    background-color: #3d4f57;
    text-shadow: none;
    box-shadow: none;
    -gtk-icon-shadow: none; }
    notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled,
    button:disabled GtkLabel,
    button:disabled {
      color: #839096; }
    notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled,
    button:disabled label,
    button:disabled {
      color: #839096; }
    notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
    button:disabled:active,
    button:disabled:checked {
      border-color: #222c31;
      background-image: none;
      background-color: #3d4f57;
      text-shadow: none;
      box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
      notebook > header > tabs > arrow:disabled:active GtkLabel, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked GtkLabel, notebook > header > tabs > arrow:disabled:checked,
      button:disabled:active GtkLabel,
      button:disabled:active,
      button:disabled:checked GtkLabel,
      button:disabled:checked {
        color: #839096; }
      notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked,
      button:disabled:active label,
      button:disabled:active,
      button:disabled:checked label,
      button:disabled:checked {
        color: #839096; }
  notebook > header > tabs > arrow.image-button,
  button.image-button {
    min-width: 24px;
    padding-left: 4px;
    padding-right: 4px; }
  notebook > header > tabs > arrow.text-button,
  button.text-button {
    padding-left: 16px;
    padding-right: 16px; }
  notebook > header > tabs > arrow.text-button.image-button,
  button.text-button.image-button {
    padding-left: 8px;
    padding-right: 8px; }
    notebook > header > tabs > arrow.text-button.image-button GtkLabel,
    notebook > header > tabs > arrow.text-button.image-button label,
    button.text-button.image-button GtkLabel,
    button.text-button.image-button label {
      padding-left: 8px;
      padding-right: 8px; }
  combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
  button:drop(active) {
    color: #4e9a06;
    border-color: #4e9a06;
    box-shadow: inset 0 0 0 1px #4e9a06; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
  color: #ffffff;
  border-color: transparent; }
  row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected
  button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
    color: #839096; }
button.osd {
  min-width: 24px;
  min-height: 32px;
  color: #cfd8dc;
  border-radius: 5px;
  outline-color: rgba(207, 216, 220, 0.3);
  color: #cfd8dc;
  border-color: rgba(0, 0, 0, 0.7);
  background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
  background-clip: padding-box;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  text-shadow: 0 1px black;
  -gtk-icon-shadow: 0 1px black;
  outline-color: rgba(207, 216, 220, 0.3);
  border: none;
  box-shadow: none; }
  button.osd.image-button {
    min-width: 32px; }
  button.osd:hover {
    color: white;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px black;
    -gtk-icon-shadow: 0 1px black;
    outline-color: rgba(207, 216, 220, 0.3);
    border: none;
    box-shadow: none; }
  button.osd:active,
  button.osd:checked {
    color: white;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(207, 216, 220, 0.3);
    border: none;
    box-shadow: none; }
  button.osd:disabled:backdrop,
  button.osd:disabled {
    color: #787f81;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    border: none; }
  button.osd:backdrop {
    color: #cfd8dc;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    border: none; }
.app-notification .button, .app-notification button,
.app-notification.frame .button,
.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd
button {
  color: #cfd8dc;
  border-color: rgba(0, 0, 0, 0.7);
  background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
  background-clip: padding-box;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  text-shadow: 0 1px black;
  -gtk-icon-shadow: 0 1px black;
  outline-color: rgba(207, 216, 220, 0.3); }
  .app-notification .button:hover, .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd
  button:hover {
    color: white;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px black;
    -gtk-icon-shadow: 0 1px black;
    outline-color: rgba(207, 216, 220, 0.3); }
  .app-notification .button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd
  button:active:backdrop, .osd
  button:active, .osd
  button:checked:backdrop, .osd
  button:checked {
    color: white;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(207, 216, 220, 0.3); }
  .app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd
  button:disabled:backdrop, .osd
  button:disabled {
    color: #787f81;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none; }
  .app-notification .button:backdrop, .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd
  button:backdrop {
    color: #cfd8dc;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none; }
  .app-notification .flat.button, .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd
  button.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px black;
    -gtk-icon-shadow: 0 1px black; }
    .app-notification .flat.button:hover, .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd
    button.flat:hover {
      color: white;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
      background-clip: padding-box;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
      text-shadow: 0 1px black;
      -gtk-icon-shadow: 0 1px black;
      outline-color: rgba(207, 216, 220, 0.3); }
    .app-notification .flat.button:disabled, .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd
    button.flat:disabled {
      color: #787f81;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
      background-clip: padding-box;
      box-shadow: none;
      text-shadow: none;
      -gtk-icon-shadow: none;
      background-image: none;
      border-color: transparent;
      box-shadow: none; }
    .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd
    button.flat:backdrop {
      border-color: transparent;
      background-color: transparent;
      background-image: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
      text-shadow: none;
      -gtk-icon-shadow: none; }
    .app-notification .flat.button:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd
    button.flat:active, .osd
    button.flat:checked {
      color: white;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
      background-clip: padding-box;
      box-shadow: none;
      text-shadow: none;
      -gtk-icon-shadow: none;
      outline-color: rgba(207, 216, 220, 0.3); }
button.suggested-action {
  color: white;
  outline-color: rgba(255, 255, 255, 0.3);
  border-color: #08528d;
  background-image: linear-gradient(to bottom, #2196f3, #0d8aee);
  text-shadow: 0 1px rgba(0, 0, 0, 0.56706);
  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56706);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
  button.suggested-action.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: #2196f3; }
  button.suggested-action:hover {
    color: white;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: #08528d;
    background-image: linear-gradient(to bottom, #2698f3, #1791f2 60%, #0e8df2);
    text-shadow: 0 1px rgba(0, 0, 0, 0.51906);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.51906);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
  button.suggested-action:active,
  button.suggested-action:checked {
    color: white;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: #08528d;
    background-image: linear-gradient(to bottom, #0c84e4, #1791f2);
    text-shadow: 0 1px rgba(0, 0, 0, 0.64706);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64706);
    box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
  button.suggested-action:backdrop,
  button.suggested-action.flat:backdrop {
    border-color: #08528d;
    background-image: linear-gradient(to bottom, #2196f3);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
    button.suggested-action:backdrop GtkLabel,
    button.suggested-action:backdrop,
    button.suggested-action.flat:backdrop GtkLabel,
    button.suggested-action.flat:backdrop {
      color: #d3eafd; }
    button.suggested-action:backdrop label,
    button.suggested-action:backdrop,
    button.suggested-action.flat:backdrop label,
    button.suggested-action.flat:backdrop {
      color: #d3eafd; }
    button.suggested-action:backdrop:active,
    button.suggested-action:backdrop:checked,
    button.suggested-action.flat:backdrop:active,
    button.suggested-action.flat:backdrop:checked {
      border-color: #08528d;
      background-image: none;
      box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
      button.suggested-action:backdrop:active GtkLabel,
      button.suggested-action:backdrop:active,
      button.suggested-action:backdrop:checked GtkLabel,
      button.suggested-action:backdrop:checked,
      button.suggested-action.flat:backdrop:active GtkLabel,
      button.suggested-action.flat:backdrop:active,
      button.suggested-action.flat:backdrop:checked GtkLabel,
      button.suggested-action.flat:backdrop:checked {
        color: #cee5f7; }
      button.suggested-action:backdrop:active label,
      button.suggested-action:backdrop:active,
      button.suggested-action:backdrop:checked label,
      button.suggested-action:backdrop:checked,
      button.suggested-action.flat:backdrop:active label,
      button.suggested-action.flat:backdrop:active,
      button.suggested-action.flat:backdrop:checked label,
      button.suggested-action.flat:backdrop:checked {
        color: #cee5f7; }
    button.suggested-action:backdrop:disabled,
    button.suggested-action.flat:backdrop:disabled {
      border-color: #242f34;
      background-image: none;
      background-color: #3d4f57;
      text-shadow: none;
      -gtk-icon-shadow: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
      button.suggested-action:backdrop:disabled GtkLabel,
      button.suggested-action:backdrop:disabled,
      button.suggested-action.flat:backdrop:disabled GtkLabel,
      button.suggested-action.flat:backdrop:disabled {
        color: #56707c; }
      button.suggested-action:backdrop:disabled label,
      button.suggested-action:backdrop:disabled,
      button.suggested-action.flat:backdrop:disabled label,
      button.suggested-action.flat:backdrop:disabled {
        color: #56707c; }
      button.suggested-action:backdrop:disabled:active,
      button.suggested-action:backdrop:disabled:checked,
      button.suggested-action.flat:backdrop:disabled:active,
      button.suggested-action.flat:backdrop:disabled:checked {
        border-color: #08528d;
        background-image: none;
        background-color: #1f80cc;
        box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
        button.suggested-action:backdrop:disabled:active label,
        button.suggested-action:backdrop:disabled:checked label,
        button.suggested-action.flat:backdrop:disabled:active label,
        button.suggested-action.flat:backdrop:disabled:checked label {
          color: #6dacde; }
  button.suggested-action.flat:backdrop,
  button.suggested-action.flat:disabled,
  button.suggested-action.flat:backdrop:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: rgba(33, 150, 243, 0.8); }
  button.suggested-action:disabled {
    border-color: #222c31;
    background-image: none;
    background-color: #3d4f57;
    text-shadow: none;
    box-shadow: none;
    -gtk-icon-shadow: none; }
    button.suggested-action:disabled GtkLabel,
    button.suggested-action:disabled {
      color: #839096; }
    button.suggested-action:disabled label,
    button.suggested-action:disabled {
      color: #839096; }
    button.suggested-action:disabled:active,
    button.suggested-action:disabled:checked {
      border-color: #08528d;
      background-image: none;
      background-color: #1f80cc;
      text-shadow: none;
      box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
      button.suggested-action:disabled:active GtkLabel,
      button.suggested-action:disabled:active,
      button.suggested-action:disabled:checked GtkLabel,
      button.suggested-action:disabled:checked {
        color: #a5cceb; }
      button.suggested-action:disabled:active label,
      button.suggested-action:disabled:active,
      button.suggested-action:disabled:checked label,
      button.suggested-action:disabled:checked {
        color: #a5cceb; }
  .osd
  button.suggested-action {
    color: #cfd8dc;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(33, 150, 243, 0.5));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px black;
    -gtk-icon-shadow: 0 1px black;
    outline-color: rgba(207, 216, 220, 0.3); }
    .osd
    button.suggested-action:hover {
      color: white;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(33, 150, 243, 0.7));
      background-clip: padding-box;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
      text-shadow: 0 1px black;
      -gtk-icon-shadow: 0 1px black;
      outline-color: rgba(207, 216, 220, 0.3); }
    .osd
    button.suggested-action:active:backdrop, .osd
    button.suggested-action:active, .osd
    button.suggested-action:checked:backdrop, .osd
    button.suggested-action:checked {
      color: white;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, #2196f3);
      background-clip: padding-box;
      box-shadow: none;
      text-shadow: none;
      -gtk-icon-shadow: none;
      outline-color: rgba(207, 216, 220, 0.3); }
    .osd
    button.suggested-action:disabled:backdrop, .osd
    button.suggested-action:disabled {
      color: #787f81;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
      background-clip: padding-box;
      box-shadow: none;
      text-shadow: none;
      -gtk-icon-shadow: none; }
    .osd
    button.suggested-action:backdrop {
      color: #cfd8dc;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(33, 150, 243, 0.5));
      background-clip: padding-box;
      box-shadow: none;
      text-shadow: none;
      -gtk-icon-shadow: none; }
button.destructive-action {
  color: white;
  outline-color: rgba(255, 255, 255, 0.3);
  border-color: #420e0e;
  background-image: linear-gradient(to bottom, #ab2424, #962020);
  text-shadow: 0 1px rgba(0, 0, 0, 0.67529);
  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.67529);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
  button.destructive-action.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: #ab2424; }
  button.destructive-action:hover {
    color: white;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: #420e0e;
    background-image: linear-gradient(to bottom, #af2525, #a22222 60%, #9a2121);
    text-shadow: 0 1px rgba(0, 0, 0, 0.62729);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62729);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
  button.destructive-action:active,
  button.destructive-action:checked {
    color: white;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: #420e0e;
    background-image: linear-gradient(to bottom, #8d1e1e, #a22222);
    text-shadow: 0 1px rgba(0, 0, 0, 0.75529);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.75529);
    box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
  button.destructive-action:backdrop,
  button.destructive-action.flat:backdrop {
    border-color: #420e0e;
    background-image: linear-gradient(to bottom, #ab2424);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
    button.destructive-action:backdrop GtkLabel,
    button.destructive-action:backdrop,
    button.destructive-action.flat:backdrop GtkLabel,
    button.destructive-action.flat:backdrop {
      color: #eed3d3; }
    button.destructive-action:backdrop label,
    button.destructive-action:backdrop,
    button.destructive-action.flat:backdrop label,
    button.destructive-action.flat:backdrop {
      color: #eed3d3; }
    button.destructive-action:backdrop:active,
    button.destructive-action:backdrop:checked,
    button.destructive-action.flat:backdrop:active,
    button.destructive-action.flat:backdrop:checked {
      border-color: #420e0e;
      background-image: none;
      box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
      button.destructive-action:backdrop:active GtkLabel,
      button.destructive-action:backdrop:active,
      button.destructive-action:backdrop:checked GtkLabel,
      button.destructive-action:backdrop:checked,
      button.destructive-action.flat:backdrop:active GtkLabel,
      button.destructive-action.flat:backdrop:active,
      button.destructive-action.flat:backdrop:checked GtkLabel,
      button.destructive-action.flat:backdrop:checked {
        color: #e6d1d1; }
      button.destructive-action:backdrop:active label,
      button.destructive-action:backdrop:active,
      button.destructive-action:backdrop:checked label,
      button.destructive-action:backdrop:checked,
      button.destructive-action.flat:backdrop:active label,
      button.destructive-action.flat:backdrop:active,
      button.destructive-action.flat:backdrop:checked label,
      button.destructive-action.flat:backdrop:checked {
        color: #e6d1d1; }
    button.destructive-action:backdrop:disabled,
    button.destructive-action.flat:backdrop:disabled {
      border-color: #242f34;
      background-image: none;
      background-color: #3d4f57;
      text-shadow: none;
      -gtk-icon-shadow: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
      button.destructive-action:backdrop:disabled GtkLabel,
      button.destructive-action:backdrop:disabled,
      button.destructive-action.flat:backdrop:disabled GtkLabel,
      button.destructive-action.flat:backdrop:disabled {
        color: #56707c; }
      button.destructive-action:backdrop:disabled label,
      button.destructive-action:backdrop:disabled,
      button.destructive-action.flat:backdrop:disabled label,
      button.destructive-action.flat:backdrop:disabled {
        color: #56707c; }
      button.destructive-action:backdrop:disabled:active,
      button.destructive-action:backdrop:disabled:checked,
      button.destructive-action.flat:backdrop:disabled:active,
      button.destructive-action.flat:backdrop:disabled:checked {
        border-color: #420e0e;
        background-image: none;
        background-color: #882628;
        box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
        button.destructive-action:backdrop:disabled:active label,
        button.destructive-action:backdrop:disabled:checked label,
        button.destructive-action.flat:backdrop:disabled:active label,
        button.destructive-action.flat:backdrop:disabled:checked label {
          color: #b27273; }
  button.destructive-action.flat:backdrop,
  button.destructive-action.flat:disabled,
  button.destructive-action.flat:backdrop:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: rgba(171, 36, 36, 0.8); }
  button.destructive-action:disabled {
    border-color: #222c31;
    background-image: none;
    background-color: #3d4f57;
    text-shadow: none;
    box-shadow: none;
    -gtk-icon-shadow: none; }
    button.destructive-action:disabled GtkLabel,
    button.destructive-action:disabled {
      color: #839096; }
    button.destructive-action:disabled label,
    button.destructive-action:disabled {
      color: #839096; }
    button.destructive-action:disabled:active,
    button.destructive-action:disabled:checked {
      border-color: #420e0e;
      background-image: none;
      background-color: #882628;
      text-shadow: none;
      box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
      button.destructive-action:disabled:active GtkLabel,
      button.destructive-action:disabled:active,
      button.destructive-action:disabled:checked GtkLabel,
      button.destructive-action:disabled:checked {
        color: #cfa8a9; }
      button.destructive-action:disabled:active label,
      button.destructive-action:disabled:active,
      button.destructive-action:disabled:checked label,
      button.destructive-action:disabled:checked {
        color: #cfa8a9; }
  .osd
  button.destructive-action {
    color: #cfd8dc;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(171, 36, 36, 0.5));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px black;
    -gtk-icon-shadow: 0 1px black;
    outline-color: rgba(207, 216, 220, 0.3); }
    .osd
    button.destructive-action:hover {
      color: white;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(171, 36, 36, 0.7));
      background-clip: padding-box;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
      text-shadow: 0 1px black;
      -gtk-icon-shadow: 0 1px black;
      outline-color: rgba(207, 216, 220, 0.3); }
    .osd
    button.destructive-action:active:backdrop, .osd
    button.destructive-action:active, .osd
    button.destructive-action:checked:backdrop, .osd
    button.destructive-action:checked {
      color: white;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, #ab2424);
      background-clip: padding-box;
      box-shadow: none;
      text-shadow: none;
      -gtk-icon-shadow: none;
      outline-color: rgba(207, 216, 220, 0.3); }
    .osd
    button.destructive-action:disabled:backdrop, .osd
    button.destructive-action:disabled {
      color: #787f81;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
      background-clip: padding-box;
      box-shadow: none;
      text-shadow: none;
      -gtk-icon-shadow: none; }
    .osd
    button.destructive-action:backdrop {
      color: #cfd8dc;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(171, 36, 36, 0.5));
      background-clip: padding-box;
      box-shadow: none;
      text-shadow: none;
      -gtk-icon-shadow: none; }
.stack-switcher >
button {
  outline-offset: -3px; }
  .stack-switcher >
  button > label {
    padding-left: 6px;
    padding-right: 6px; }
  .stack-switcher >
  button > image {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px; }
  .stack-switcher >
  button.text-button {
    padding-left: 10px;
    padding-right: 10px; }
  .stack-switcher >
  button.image-button {
    padding-left: 2px;
    padding-right: 2px; }
  .stack-switcher >
  button.needs-attention:active > label,
  .stack-switcher >
  button.needs-attention:active > image, .stack-switcher >
  button.needs-attention:checked > label,
  .stack-switcher >
  button.needs-attention:checked > image {
    animation: none;
    background-image: none; }
.inline-toolbar
button, .inline-toolbar
button:backdrop {
  border-radius: 2px;
  border-width: 1px; }
.primary-toolbar
button {
  -gtk-icon-shadow: none; }

.stack-switcher >
button.needs-attention > label,
.stack-switcher >
button.needs-attention > image, .sidebar .list-row.needs-attention > label,
.sidebar row.needs-attention > label, stacksidebar .list-row.needs-attention > label,
stacksidebar row.needs-attention > label {
  animation: needs_attention 150ms ease-in;
  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#6ab8f7), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.7898)), to(transparent));
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  background-position: right 3px, right 2px; }
  .stack-switcher >
  button.needs-attention > label:backdrop,
  .stack-switcher >
  button.needs-attention > image:backdrop, .sidebar .list-row.needs-attention > label:backdrop,
  .sidebar row.needs-attention > label:backdrop, stacksidebar .list-row.needs-attention > label:backdrop,
  stacksidebar row.needs-attention > label:backdrop {
    background-size: 6px 6px, 0 0; }
  .stack-switcher >
  button.needs-attention > label:dir(rtl),
  .stack-switcher >
  button.needs-attention > image:dir(rtl), .sidebar .list-row.needs-attention > label:dir(rtl),
  .sidebar row.needs-attention > label:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl),
  stacksidebar row.needs-attention > label:dir(rtl) {
    background-position: left 3px, left 2px; }

.inline-toolbar toolbutton > button {
  color: #cfd8dc;
  outline-color: rgba(207, 216, 220, 0.3);
  border-color: #222c31;
  background-image: linear-gradient(to bottom, #37474f, #2d3940);
  text-shadow: 0 1px rgba(0, 0, 0, 0.7898);
  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7898);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
  .inline-toolbar toolbutton > button:hover {
    color: #cfd8dc;
    outline-color: rgba(207, 216, 220, 0.3);
    border-color: #222c31;
    background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
    text-shadow: 0 1px rgba(0, 0, 0, 0.7418);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7418);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
  .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
    color: #cfd8dc;
    outline-color: rgba(207, 216, 220, 0.3);
    border-color: #222c31;
    background-image: linear-gradient(to bottom, #28343a, #334249);
    text-shadow: 0 1px rgba(0, 0, 0, 0.8698);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.8698);
    box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
  .inline-toolbar toolbutton > button:disabled {
    border-color: #222c31;
    background-image: none;
    background-color: #3d4f57;
    text-shadow: none;
    box-shadow: none;
    -gtk-icon-shadow: none; }
    .inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled {
      color: #839096; }
    .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
      color: #839096; }
    .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
      border-color: #222c31;
      background-image: none;
      background-color: #3d4f57;
      text-shadow: none;
      box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
      .inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked {
        color: #839096; }
      .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
        color: #839096; }
  .inline-toolbar toolbutton > button:backdrop {
    border-color: #242f34;
    background-image: linear-gradient(to bottom, #37474f);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
    .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop {
      color: #839096; }
    .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop {
      color: #839096; }
    .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
      border-color: #242f34;
      background-image: none;
      box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
      .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked {
        color: #839096; }
      .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
        color: #839096; }
    .inline-toolbar toolbutton > button:backdrop:disabled {
      border-color: #242f34;
      background-image: none;
      background-color: #3d4f57;
      text-shadow: none;
      -gtk-icon-shadow: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
      .inline-toolbar toolbutton > button:backdrop:disabled GtkLabel, .inline-toolbar toolbutton > button:backdrop:disabled {
        color: #56707c; }
      .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled {
        color: #56707c; }
      .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
        border-color: #242f34;
        background-image: none;
        background-color: #324148;
        box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
        .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label {
          color: #56707c; }

toolbar.inline-toolbar toolbutton > button.flat,
toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar
button, .inline-toolbar
button:backdrop, .linked >
button, .linked >
button:hover, .linked >
button:active, .linked >
button:checked, .linked >
button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > .entry, .linked:not(.vertical) >
entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
  border-radius: 0;
  border-right-style: none; }

.inline-toolbar
button:first-child, .linked >
button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), GeditWindow.linked:not(.vertical) > .entry:first-child, .linked:not(.vertical) >
entry:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }
.inline-toolbar
button:last-child, .linked >
button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), GeditWindow.linked:not(.vertical) > .entry:last-child, .linked:not(.vertical) >
entry:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right-style: solid; }
.inline-toolbar
button:only-child, .linked >
button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat,
toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), GeditWindow.linked:not(.vertical) > .entry:only-child, .linked:not(.vertical) >
entry:only-child {
  border-radius: 3px;
  border-style: solid; }

.linked.vertical >
button, .linked.vertical >
button:hover, .linked.vertical >
button:active, .linked.vertical >
button:checked, .linked.vertical >
button:backdrop, .linked.vertical > spinbutton:not(.vertical), GeditWindow.linked.vertical > .entry, .linked.vertical >
entry, .linked.vertical > combobox > box > button.combo {
  border-style: solid solid none solid;
  border-radius: 0; }

.linked.vertical >
button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), GeditWindow.linked.vertical > .entry:first-child, .linked.vertical >
entry:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
.linked.vertical >
button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), GeditWindow.linked.vertical > .entry:last-child, .linked.vertical >
entry:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-style: solid; }
.linked.vertical >
button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), GeditWindow.linked.vertical > .entry:only-child, .linked.vertical >
entry:only-child {
  border-radius: 3px;
  border-style: solid; }

modelbutton.flat, popover.background checkbutton,
popover.background radiobutton,
.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop,
popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover,
popover.background radiobutton:backdrop:hover,
.menuitem.button.flat:backdrop,
.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link,
button:visited, button:link:hover, button:link:active, button:link:checked,
button:visited:hover,
button:visited:active,
button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
  text-shadow: none;
  -gtk-icon-shadow: none; }

/* menu buttons */
modelbutton.flat, popover.background checkbutton,
popover.background radiobutton,
.menuitem.button.flat {
  min-height: 26px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
  outline-offset: -2px; }
  modelbutton.flat:hover, popover.background checkbutton:hover,
  popover.background radiobutton:hover,
  .menuitem.button.flat:hover {
    background-color: #4f6873; }
  modelbutton.flat check:last-child, popover.background checkbutton check:last-child,
  popover.background radiobutton check:last-child,
  modelbutton.flat radio:last-child,
  popover.background checkbutton radio:last-child,
  popover.background radiobutton radio:last-child,
  .menuitem.button.flat check:last-child,
  .menuitem.button.flat radio:last-child {
    margin-left: 8px; }
  modelbutton.flat check:first-child, popover.background checkbutton check:first-child,
  popover.background radiobutton check:first-child,
  modelbutton.flat radio:first-child,
  popover.background checkbutton radio:first-child,
  popover.background radiobutton radio:first-child,
  .menuitem.button.flat check:first-child,
  .menuitem.button.flat radio:first-child {
    margin-right: 8px; }

modelbutton.flat arrow, popover.background checkbutton arrow,
popover.background radiobutton arrow {
  background: none; }
  modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover,
  popover.background radiobutton arrow:hover {
    background: none; }
  modelbutton.flat arrow.left, popover.background checkbutton arrow.left,
  popover.background radiobutton arrow.left {
    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
  modelbutton.flat arrow.right, popover.background checkbutton arrow.right,
  popover.background radiobutton arrow.right {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }

button.color {
  padding: 4px; }
  button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
    border-radius: 0; }

/************
 * Calendar *
 ***********/
calendar {
  color: #cfd8dc;
  border: 1px solid #222c31; }
  calendar:selected {
    border-radius: 3px; }
  calendar.header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0; }
    calendar.header:backdrop {
      border-color: rgba(0, 0, 0, 0.1); }
  calendar.button {
    color: rgba(207, 216, 220, 0.45); }
    calendar.button:hover {
      color: #cfd8dc; }
    calendar.button:backdrop {
      color: rgba(131, 144, 150, 0.45); }
    calendar.button:disabled {
      color: rgba(131, 144, 150, 0.45); }
  calendar:indeterminate, calendar:indeterminate:backdrop {
    color: alpha(currentColor,0.55); }
  calendar.highlight, calendar.highlight:backdrop {
    font-size: smaller;
    color: #cfd8dc; }
  calendar:backdrop {
    color: #b4bfc5;
    border-color: #242f34; }

/*************************
 * Check and Radio Items *
 *************************/
check {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:hover {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:hover {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover-dark@2.png"));
  -gtk-icon-shadow: none; }

check:active {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:active {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active-dark@2.png"));
  -gtk-icon-shadow: none; }

check:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop-dark@2.png"));
  -gtk-icon-shadow: none; }

check:disabled {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:disabled {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive-dark@2.png"));
  -gtk-icon-shadow: none; }

check:disabled:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("../assets/checkbox-unchecked-backdrop-insensitive-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:disabled:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive-dark.png"), url("../assets/radio-unchecked-backdrop-insensitive-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked:hover {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked:hover {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked:active {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked:active {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked:disabled {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked:disabled {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked:disabled:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-backdrop-dark.png"), url("../assets/checkbox-checked-insensitive-backdrop-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked:disabled:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-backdrop-dark.png"), url("../assets/radio-checked-insensitive-backdrop-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-dark.png"), url("../assets/checkbox-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-dark.png"), url("../assets/radio-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate:hover {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover-dark.png"), url("../assets/checkbox-mixed-hover-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate:hover {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover-dark.png"), url("../assets/radio-mixed-hover-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate:active {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active-dark.png"), url("../assets/checkbox-mixed-active-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate:active {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active-dark.png"), url("../assets/radio-mixed-active-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop-dark.png"), url("../assets/checkbox-mixed-backdrop-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-dark.png"), url("../assets/radio-mixed-backdrop-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-dark.png"), url("../assets/checkbox-mixed-insensitive-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-dark.png"), url("../assets/radio-mixed-insensitive-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate:disabled:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-backdrop-dark.png"), url("../assets/checkbox-mixed-insensitive-backdrop-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate:disabled:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-backdrop-dark.png"), url("../assets/radio-mixed-insensitive-backdrop-dark@2.png"));
  -gtk-icon-shadow: none; }

check:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:hover:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:hover:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:active:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:active:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:disabled:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:disabled:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:disabled:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:disabled:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked:hover:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked:hover:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked:active:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked:active:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked:disabled:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked:disabled:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:checked:disabled:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:checked:disabled:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate:hover:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate:hover:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate:active:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate:active:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate:disabled:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate:disabled:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

check:indeterminate:disabled:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

radio:indeterminate:disabled:backdrop:selected {
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check, GtkIconView.content-view check,
iconview.content-view check,
.view.content-view.check,
GtkIconView.content-view.check,
iconview.content-view.check {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio, GtkIconView.content-view radio,
iconview.content-view radio,
.view.content-view.radio,
GtkIconView.content-view.radio,
iconview.content-view.radio {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check:hover, GtkIconView.content-view check:hover,
iconview.content-view check:hover,
.view.content-view.check:hover,
GtkIconView.content-view.check:hover,
iconview.content-view.check:hover {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio:hover, GtkIconView.content-view radio:hover,
iconview.content-view radio:hover,
.view.content-view.radio:hover,
GtkIconView.content-view.radio:hover,
iconview.content-view.radio:hover {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check:active, GtkIconView.content-view check:active,
iconview.content-view check:active,
.view.content-view.check:active,
GtkIconView.content-view.check:active,
iconview.content-view.check:active {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio:active, GtkIconView.content-view radio:active,
iconview.content-view radio:active,
.view.content-view.radio:active,
GtkIconView.content-view.radio:active,
iconview.content-view.radio:active {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check:backdrop, GtkIconView.content-view check:backdrop,
iconview.content-view check:backdrop,
.view.content-view.check:backdrop,
GtkIconView.content-view.check:backdrop,
iconview.content-view.check:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop,
iconview.content-view radio:backdrop,
.view.content-view.radio:backdrop,
GtkIconView.content-view.radio:backdrop,
iconview.content-view.radio:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check:disabled, GtkIconView.content-view check:disabled,
iconview.content-view check:disabled,
.view.content-view.check:disabled,
GtkIconView.content-view.check:disabled,
iconview.content-view.check:disabled {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio:disabled, GtkIconView.content-view radio:disabled,
iconview.content-view radio:disabled,
.view.content-view.radio:disabled,
GtkIconView.content-view.radio:disabled,
iconview.content-view.radio:disabled {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check:disabled:backdrop, GtkIconView.content-view check:disabled:backdrop,
iconview.content-view check:disabled:backdrop,
.view.content-view.check:disabled:backdrop,
GtkIconView.content-view.check:disabled:backdrop,
iconview.content-view.check:disabled:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio:disabled:backdrop, GtkIconView.content-view radio:disabled:backdrop,
iconview.content-view radio:disabled:backdrop,
.view.content-view.radio:disabled:backdrop,
GtkIconView.content-view.radio:disabled:backdrop,
iconview.content-view.radio:disabled:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check, GtkIconView.content-view check,
iconview.content-view check,
.view.content-view.check,
GtkIconView.content-view.check,
iconview.content-view.check {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked.png"), url("../assets/checkbox-checked@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio, GtkIconView.content-view radio,
iconview.content-view radio,
.view.content-view.radio,
GtkIconView.content-view.radio,
iconview.content-view.radio {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked.png"), url("../assets/radio-checked@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check:hover, GtkIconView.content-view check:hover,
iconview.content-view check:hover,
.view.content-view.check:hover,
GtkIconView.content-view.check:hover,
iconview.content-view.check:hover {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio:hover, GtkIconView.content-view radio:hover,
iconview.content-view radio:hover,
.view.content-view.radio:hover,
GtkIconView.content-view.radio:hover,
iconview.content-view.radio:hover {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check:active, GtkIconView.content-view check:active,
iconview.content-view check:active,
.view.content-view.check:active,
GtkIconView.content-view.check:active,
iconview.content-view.check:active {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio:active, GtkIconView.content-view radio:active,
iconview.content-view radio:active,
.view.content-view.radio:active,
GtkIconView.content-view.radio:active,
iconview.content-view.radio:active {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-active.png"), url("../assets/radio-checked-active@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check:backdrop, GtkIconView.content-view check:backdrop,
iconview.content-view check:backdrop,
.view.content-view.check:backdrop,
GtkIconView.content-view.check:backdrop,
iconview.content-view.check:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop,
iconview.content-view radio:backdrop,
.view.content-view.radio:backdrop,
GtkIconView.content-view.radio:backdrop,
iconview.content-view.radio:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check:disabled, GtkIconView.content-view check:disabled,
iconview.content-view check:disabled,
.view.content-view.check:disabled,
GtkIconView.content-view.check:disabled,
iconview.content-view.check:disabled {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio:disabled, GtkIconView.content-view radio:disabled,
iconview.content-view radio:disabled,
.view.content-view.radio:disabled,
GtkIconView.content-view.radio:disabled,
iconview.content-view.radio:disabled {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view check:disabled:backdrop, GtkIconView.content-view check:disabled:backdrop,
iconview.content-view check:disabled:backdrop,
.view.content-view.check:disabled:backdrop,
GtkIconView.content-view.check:disabled:backdrop,
iconview.content-view.check:disabled:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop-insensitive.png"), url("../assets/checkbox-checked-backdrop-insensitive@2.png"));
  -gtk-icon-shadow: none; }

.view.content-view radio:disabled:backdrop, GtkIconView.content-view radio:disabled:backdrop,
iconview.content-view radio:disabled:backdrop,
.view.content-view.radio:disabled:backdrop,
GtkIconView.content-view.radio:disabled:backdrop,
iconview.content-view.radio:disabled:backdrop {
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png"));
  -gtk-icon-shadow: none; }

.check.text-button, .radio.text-button,
checkbutton.text-button, radiobutton.text-button {
  padding: 2px 0;
  outline-offset: 0; }
  .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child,
  checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
    margin-left: 4px; }
  .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child,
  checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
    margin-right: 4px; }

check,
.check,
radio,
.radio {
  margin: 0 4px; }
  .menu .menuitem check, menu menuitem check, .menu .menuitem
  .check, menu menuitem
  .check, .menu .menuitem
  radio, menu menuitem
  radio, .menu .menuitem
  .radio, menu menuitem
  .radio {
    margin: 0; }

menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked:active,
menu menuitem radio:indeterminate:checked {
  animation: none; }

treeview.view check:selected:focus, treeview.view check:selected,
treeview.view radio:selected:focus,
treeview.view radio:selected {
  color: #cfd8dc; }
treeview.view check:selected:disabled,
treeview.view radio:selected:disabled {
  color: #839096; }
  treeview.view check:selected:disabled:backdrop,
  treeview.view radio:selected:disabled:backdrop {
    color: #56707c; }
treeview.view check:backdrop:selected, treeview.view check:backdrop,
treeview.view radio:backdrop:selected,
treeview.view radio:backdrop {
  color: #839096; }

/*****************
 * Color Chooser *
 *****************/
colorswatch, colorswatch:drop(active) {
  border-style: none; }
colorswatch.top {
  border-top-left-radius: 5.5px;
  border-top-right-radius: 5.5px; }
  colorswatch.top overlay {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
colorswatch.bottom {
  border-bottom-left-radius: 5.5px;
  border-bottom-right-radius: 5.5px; }
  colorswatch.bottom overlay {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
colorswatch.left, colorswatch:first-child:not(.top) {
  border-top-left-radius: 5.5px;
  border-bottom-left-radius: 5.5px; }
  colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
colorswatch.right, colorswatch:last-child:not(.bottom) {
  border-top-right-radius: 5.5px;
  border-bottom-right-radius: 5.5px; }
  colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
colorswatch.dark overlay {
  color: #ffffff; }
  colorswatch.dark overlay:hover {
    border-color: #222c31; }
  colorswatch.dark overlay:backdrop {
    color: rgba(255, 255, 255, 0.5); }
colorswatch.light overlay {
  color: #cfd8dc; }
  colorswatch.light overlay:hover {
    border-color: #222c31; }
  colorswatch.light overlay:backdrop {
    color: #b4bfc5; }
colorswatch:drop(active) {
  box-shadow: none; }
  colorswatch:drop(active).light overlay {
    border-color: #4e9a06;
    box-shadow: inset 0 0 0 2px #222c31, inset 0 0 0 1px #4e9a06; }
  colorswatch:drop(active).dark overlay {
    border-color: #4e9a06;
    box-shadow: inset 0 0 0 2px #222c31, inset 0 0 0 1px #4e9a06; }
colorswatch overlay {
  box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5);
  border: 1px solid #222c31; }
  colorswatch overlay:hover {
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
  colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
    border-color: #222c31;
    box-shadow: none; }
colorswatch#add-color-button {
  border-radius: 5px 5px 0 0; }
  colorswatch#add-color-button:only-child {
    border-radius: 5px; }
  colorswatch#add-color-button overlay {
    color: #cfd8dc;
    outline-color: rgba(207, 216, 220, 0.3);
    border-color: #222c31;
    background-image: linear-gradient(to bottom, #37474f, #2d3940);
    text-shadow: 0 1px rgba(0, 0, 0, 0.7898);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7898);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
    colorswatch#add-color-button overlay:hover {
      color: #cfd8dc;
      outline-color: rgba(207, 216, 220, 0.3);
      border-color: #222c31;
      background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
      text-shadow: 0 1px rgba(0, 0, 0, 0.7418);
      -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7418);
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
    colorswatch#add-color-button overlay:backdrop {
      border-color: #242f34;
      background-image: linear-gradient(to bottom, #37474f);
      text-shadow: none;
      -gtk-icon-shadow: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
      colorswatch#add-color-button overlay:backdrop GtkLabel, colorswatch#add-color-button overlay:backdrop {
        color: #839096; }
      colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop {
        color: #839096; }
colorswatch:disabled {
  opacity: 0.5; }
  colorswatch:disabled overlay {
    border-color: rgba(0, 0, 0, 0.6);
    box-shadow: none; }
row:selected colorswatch {
  box-shadow: 0 0 0 2px #ffffff; }
colorswatch#editor-color-sample {
  border-radius: 4px; }
  colorswatch#editor-color-sample overlay {
    border-radius: 4.5px; }

colorchooser .popover.osd {
  border-radius: 5px; }

/**************
 * ComboBoxes *
 **************/
combobox arrow {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  min-height: 16px;
  min-width: 16px; }
combobox:drop(active) {
  box-shadow: none; }

/******************
 * Combobox Entry *
 ******************/
.combobox-entry button {
  box-shadow: none; }
  .combobox-entry button:first-child {
    border-radius: 4px 0 0 4px;
    border-right-width: 0; }
  .combobox-entry button:last-child {
    border-radius: 0 4px 4px 0; }
.combobox-entry entry {
  box-shadow: none; }
  .combobox-entry entry:first-child {
    border-radius: 4px 0 0 4px;
    border-right-width: 0; }
  .combobox-entry entry:last-child {
    border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0; }

/***********
 * Dialogs *
 ***********/
messagedialog .titlebar {
  min-height: 20px;
  background-image: none;
  background-color: #37474f;
  border-style: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
  messagedialog .titlebar:backdrop {
    background-color: #37474f; }
messagedialog.csd {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.1); }
  messagedialog.csd.background {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  messagedialog.csd .dialog-action-area .button,
  messagedialog.csd .dialog-action-area button {
    padding: 10px 14px;
    border-radius: 0;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none; }
    messagedialog.csd .dialog-action-area .button:first-child,
    messagedialog.csd .dialog-action-area button:first-child {
      border-left-style: none;
      border-bottom-left-radius: 4px; }
    messagedialog.csd .dialog-action-area .button:last-child,
    messagedialog.csd .dialog-action-area button:last-child {
      border-bottom-right-radius: 4px; }

filechooser {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  filechooser .dialog-action-box {
    border-top: 1px solid #222c31;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    filechooser .dialog-action-box:backdrop {
      border-top-color: #242f34; }
  filechooser #pathbarbox {
    border-bottom: 1px solid #37474f; }

filechooserbutton:drop(active) {
  box-shadow: none;
  border-color: transparent; }

/****************
 * Text Entries *
 ****************/
spinbutton:not(.vertical), GeditWindow > .entry,
entry {
  min-height: 20px;
  padding: 4px 6px;
  border: 1px solid;
  border-radius: 3px;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #cfd8dc;
  border-color: #222c31;
  background-color: #455a64;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
  spinbutton:not(.vertical) image.left, GeditWindow > .entry image.left,
  entry image.left {
    padding-left: 0;
    padding-right: 6px; }
  spinbutton:not(.vertical) image.right, GeditWindow > .entry image.right,
  entry image.right {
    padding-left: 6px;
    padding-right: 0; }
  spinbutton:not(.vertical) undershoot.left, GeditWindow > .entry undershoot.left,
  entry undershoot.left {
    background-color: transparent;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
    padding-left: 1px;
    background-size: 1px 10px;
    background-repeat: repeat-y;
    background-origin: content-box;
    background-position: left center;
    border: none;
    box-shadow: none; }
  spinbutton:not(.vertical) undershoot.right, GeditWindow > .entry undershoot.right,
  entry undershoot.right {
    background-color: transparent;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
    padding-right: 1px;
    background-size: 1px 10px;
    background-repeat: repeat-y;
    background-origin: content-box;
    background-position: right center;
    border: none;
    box-shadow: none; }
  spinbutton.flat:focus:not(.vertical), GeditWindow > .flat.entry:focus, spinbutton.flat:not(.vertical), GeditWindow > .flat.entry,
  entry.flat:focus,
  entry.flat {
    min-height: 0;
    padding: 2px;
    background-image: none;
    border-color: transparent;
    border-radius: 0; }
  spinbutton:focus:not(.vertical), GeditWindow > .entry:focus,
  entry:focus {
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    border-color: #222c31; }
  spinbutton:disabled:not(.vertical), GeditWindow > .entry:disabled,
  entry:disabled {
    color: #839096;
    border-color: #222c31;
    background-image: linear-gradient(to bottom, #3d4f57);
    box-shadow: none; }
  spinbutton:backdrop:not(.vertical), GeditWindow > .entry:backdrop,
  entry:backdrop {
    color: #b4bfc5;
    border-color: #242f34;
    background-image: linear-gradient(to bottom, #475d67);
    box-shadow: none;
    transition: 200ms ease-out; }
  spinbutton:backdrop:disabled:not(.vertical), GeditWindow > .entry:backdrop:disabled,
  entry:backdrop:disabled {
    color: #56707c;
    border-color: #242f34;
    background-image: linear-gradient(to bottom, #3d4f57);
    box-shadow: none; }
  spinbutton.error:not(.vertical), GeditWindow > .error.entry,
  entry.error {
    color: #d32f2f;
    border-color: #420e0e; }
    spinbutton.error:focus:not(.vertical), GeditWindow > .error.entry:focus,
    entry.error:focus {
      box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
      border-color: #420e0e; }
    spinbutton.error:selected:focus:not(.vertical), GeditWindow > .error.entry:selected:focus, spinbutton.error:selected:not(.vertical), GeditWindow > .error.entry:selected,
    entry.error:selected:focus,
    entry.error:selected {
      background-color: #d32f2f; }
  spinbutton.warning:not(.vertical), GeditWindow > .warning.entry,
  entry.warning {
    color: #f9ce1d;
    border-color: #614e03; }
    spinbutton.warning:focus:not(.vertical), GeditWindow > .warning.entry:focus,
    entry.warning:focus {
      box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
      border-color: #614e03; }
    spinbutton.warning:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, spinbutton.warning:selected:not(.vertical), GeditWindow > .warning.entry:selected,
    entry.warning:selected:focus,
    entry.warning:selected {
      background-color: #f9ce1d; }
  spinbutton:not(.vertical) image, GeditWindow > .entry image,
  entry image {
    color: #b3bfc4; }
    spinbutton:not(.vertical) image:hover, GeditWindow > .entry image:hover,
    entry image:hover {
      color: #cfd8dc; }
    spinbutton:not(.vertical) image:active, GeditWindow > .entry image:active,
    entry image:active {
      color: #2196f3; }
    spinbutton:not(.vertical) image:backdrop, GeditWindow > .entry image:backdrop,
    entry image:backdrop {
      color: #77868d; }
  spinbutton:drop(active):focus:not(.vertical), GeditWindow > .entry:drop(active):focus, spinbutton:drop(active):not(.vertical), GeditWindow > .entry:drop(active),
  entry:drop(active):focus,
  entry:drop(active) {
    border-color: #4e9a06;
    box-shadow: inset 0 0 0 1px #4e9a06; }
  .osd spinbutton:not(.vertical), .osd GeditWindow > .entry, .osd
  entry {
    color: white;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: 0 1px black;
    -gtk-icon-shadow: 0 1px black; }
    .osd spinbutton:focus:not(.vertical), .osd GeditWindow > .entry:focus, .osd
    entry:focus {
      color: white;
      border-color: #2196f3;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
      background-clip: padding-box;
      box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
      text-shadow: 0 1px black;
      -gtk-icon-shadow: 0 1px black; }
    .osd spinbutton:backdrop:not(.vertical), .osd GeditWindow > .entry:backdrop, .osd
    entry:backdrop {
      color: white;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
      background-clip: padding-box;
      box-shadow: none;
      text-shadow: none;
      -gtk-icon-shadow: none; }
    .osd spinbutton:disabled:not(.vertical), .osd GeditWindow > .entry:disabled, .osd
    entry:disabled {
      color: #787f81;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
      background-clip: padding-box;
      box-shadow: none;
      text-shadow: none;
      -gtk-icon-shadow: none; }
spinbutton:not(.vertical) progress, GeditWindow > .entry progress,
entry progress {
  margin: 2px -6px;
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  border-width: 0 0 2px;
  border-color: #2196f3;
  border-style: solid;
  box-shadow: none; }
  spinbutton:not(.vertical) progress:backdrop, GeditWindow > .entry progress:backdrop,
  entry progress:backdrop {
    background-color: transparent; }
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > .entry:focus + spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > spinbutton:focus:not(.vertical) + .entry, GeditWindow.linked:not(.vertical) > .entry:focus + .entry, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, GeditWindow.linked:not(.vertical) > .entry:focus + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, GeditWindow.linked:not(.vertical) > .entry:focus + combobox > box > button.combo, .linked:not(.vertical) >
entry:focus + spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > entry:focus + .entry, .linked:not(.vertical) >
entry:focus + button, .linked:not(.vertical) >
entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) +
entry, GeditWindow.linked:not(.vertical) > .entry:focus +
entry, .linked:not(.vertical) >
entry:focus +
entry {
  border-left-color: #222c31; }
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > .entry:drop(active) + spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + .entry, GeditWindow.linked:not(.vertical) > .entry:drop(active) + .entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, GeditWindow.linked:not(.vertical) > .entry:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, GeditWindow.linked:not(.vertical) > .entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) >
entry:drop(active) + spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > entry:drop(active) + .entry, .linked:not(.vertical) >
entry:drop(active) + button, .linked:not(.vertical) >
entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) +
entry, GeditWindow.linked:not(.vertical) > .entry:drop(active) +
entry, .linked:not(.vertical) >
entry:drop(active) +
entry {
  border-left-color: #4e9a06; }
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), GeditWindow.linked.vertical > .entry:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), GeditWindow.linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), GeditWindow.linked.vertical > spinbutton:not(:disabled):not(.vertical) + .entry:not(:disabled), GeditWindow.linked.vertical > .entry:not(:disabled) + .entry:not(:disabled), .linked.vertical >
entry:not(:disabled) + entry:not(:disabled), .linked.vertical >
entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), GeditWindow.linked.vertical > entry:not(:disabled) + .entry:not(:disabled) {
  border-top-color: #3b4c55;
  background-image: linear-gradient(to bottom, #455a64); }
  .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, GeditWindow.linked.vertical > .entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), GeditWindow.linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), GeditWindow.linked.vertical > spinbutton:not(:disabled):not(.vertical) + .entry:not(:disabled):backdrop, GeditWindow.linked.vertical > .entry:not(:disabled) + .entry:not(:disabled):backdrop, .linked.vertical >
  entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical >
  entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), GeditWindow.linked.vertical > entry:not(:disabled) + .entry:not(:disabled):backdrop {
    border-top-color: #3d4f58;
    background-image: linear-gradient(to bottom, #475d67); }
.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, GeditWindow.linked.vertical > .entry:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, GeditWindow.linked.vertical > .entry:disabled + entry:disabled, .linked.vertical >
entry:disabled + entry:disabled, .linked.vertical >
entry:disabled + entry:disabled {
  border-top-color: #3b4c55; }
.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > .entry + spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > spinbutton:not(.vertical) + .entry:focus:not(:only-child), GeditWindow.linked.vertical > .entry + .entry:focus:not(:only-child),
.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child),
GeditWindow.linked.vertical > .entry + entry:focus:not(:only-child), .linked.vertical >
entry + spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > entry + .entry:focus:not(:only-child),
.linked.vertical >
entry + entry:focus:not(:only-child) {
  border-top-color: #222c31; }
.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), GeditWindow.linked.vertical > .entry + spinbutton:drop(active):not(:only-child):not(.vertical), GeditWindow.linked.vertical > spinbutton:not(.vertical) + .entry:drop(active):not(:only-child), GeditWindow.linked.vertical > .entry + .entry:drop(active):not(:only-child),
.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child),
GeditWindow.linked.vertical > .entry + entry:drop(active):not(:only-child), .linked.vertical >
entry + spinbutton:drop(active):not(:only-child):not(.vertical), GeditWindow.linked.vertical > entry + .entry:drop(active):not(:only-child),
.linked.vertical >
entry + entry:drop(active):not(:only-child) {
  border-top-color: #4e9a06; }
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), GeditWindow.linked.vertical > .entry:focus:not(:only-child) + spinbutton:not(.vertical), GeditWindow.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .entry, GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .entry,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry,
GeditWindow.linked.vertical > .entry:focus:not(:only-child) + entry,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .entry,
GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .entry,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button,
GeditWindow.linked.vertical > .entry:focus:not(:only-child) + button,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .button,
GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .button,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo,
GeditWindow.linked.vertical > .entry:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical >
entry:focus:not(:only-child) + spinbutton:not(.vertical), GeditWindow.linked.vertical > entry:focus:not(:only-child) + .entry,
.linked.vertical >
entry:focus:not(:only-child) + entry,
.linked.vertical >
entry:focus:not(:only-child) + .entry,
.linked.vertical >
entry:focus:not(:only-child) + button,
.linked.vertical >
entry:focus:not(:only-child) + .button,
.linked.vertical >
entry:focus:not(:only-child) + combobox > box > button.combo {
  border-top-color: #222c31; }
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), GeditWindow.linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical), GeditWindow.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, GeditWindow.linked.vertical > .entry:drop(active):not(:only-child) + .entry,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry,
GeditWindow.linked.vertical > .entry:drop(active):not(:only-child) + entry,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .entry,
GeditWindow.linked.vertical > .entry:drop(active):not(:only-child) + .entry,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button,
GeditWindow.linked.vertical > .entry:drop(active):not(:only-child) + button,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .button,
GeditWindow.linked.vertical > .entry:drop(active):not(:only-child) + .button,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo,
GeditWindow.linked.vertical > .entry:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical >
entry:drop(active):not(:only-child) + spinbutton:not(.vertical), GeditWindow.linked.vertical > entry:drop(active):not(:only-child) + .entry,
.linked.vertical >
entry:drop(active):not(:only-child) + entry,
.linked.vertical >
entry:drop(active):not(:only-child) + .entry,
.linked.vertical >
entry:drop(active):not(:only-child) + button,
.linked.vertical >
entry:drop(active):not(:only-child) + .button,
.linked.vertical >
entry:drop(active):not(:only-child) + combobox > box > button.combo {
  border-top-color: #4e9a06; }

treeview acceleditor > label {
  background-color: #2196f3; }

treeview entry.flat, treeview entry {
  border-radius: 0;
  background-image: none;
  background-color: #455a64; }
  treeview entry.flat:focus, treeview entry:focus {
    border-color: #2196f3; }

/*************
 * Expanders *
 *************/
expander arrow {
  min-width: 16px;
  min-height: 16px;
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  expander arrow:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
  expander arrow:hover {
    color: white; }
  expander arrow:checked {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }

/****************
 * File chooser *
 ****************/
placessidebar > viewport.frame {
  border-style: none; }
placessidebar row {
  min-height: 36px;
  padding: 0px; }
  placessidebar row > revealer {
    padding: 0 14px; }
  placessidebar row:selected {
    color: #ffffff; }
  placessidebar row:disabled {
    color: #839096; }
  placessidebar row:backdrop {
    color: #839096; }
    placessidebar row:backdrop:selected {
      color: rgba(255, 255, 255, 0.5); }
    placessidebar row:backdrop:disabled {
      color: #56707c; }
  placessidebar row GtkImage.sidebar-icon,
  placessidebar row image.sidebar-icon {
    opacity: 0.7; }
    placessidebar row GtkImage.sidebar-icon:dir(ltr),
    placessidebar row image.sidebar-icon:dir(ltr) {
      padding-right: 8px; }
    placessidebar row GtkImage.sidebar-icon:dir(rtl),
    placessidebar row image.sidebar-icon:dir(rtl) {
      padding-left: 8px; }
  placessidebar row GtkLabel.sidebar-label:dir(ltr),
  placessidebar row label.sidebar-label:dir(ltr) {
    padding-right: 2px; }
  placessidebar row GtkLabel.sidebar-label:dir(rtl),
  placessidebar row label.sidebar-label:dir(rtl) {
    padding-left: 2px; }
  button.sidebar-button {
    min-height: 26px;
    min-width: 26px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0;
    border-radius: 100%;
    -gtk-outline-radius: 100%; }
    button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image {
      opacity: 0.7; }
  placessidebar row:selected:active {
    box-shadow: none; }
  placessidebar row.sidebar-placeholder-row {
    padding: 0 8px;
    min-height: 2px;
    background-image: image(#4e9a06);
    background-clip: content-box; }
  placessidebar row.sidebar-new-bookmark-row {
    color: #2196f3; }
  placessidebar row:drop(active):not(:disabled) {
    color: #4e9a06;
    box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
    placessidebar row:drop(active):not(:disabled):selected {
      color: #ffffff;
      background-color: #4e9a06; }

placesview .server-list-button > image {
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -gtk-icon-transform: rotate(0turn); }
placesview .server-list-button:checked > image {
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -gtk-icon-transform: rotate(-0.5turn); }
placesview row.activatable:hover {
  background-color: transparent; }
placesview > actionbar > revealer > box > label {
  padding-left: 8px;
  padding-right: 8px; }

/****************
 * Floating Bar *
 ****************/
.floating-bar {
  background-color: #37474f;
  border-width: 1px;
  border-style: solid solid none;
  border-color: #222c31;
  border-radius: 3px 3px 0 0;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
  .floating-bar.bottom.left {
    border-left-style: none;
    border-top-left-radius: 0; }
  .floating-bar.bottom.right {
    border-right-style: none;
    border-top-right-radius: 0; }
  .floating-bar > .button {
    padding: 4px; }
  .floating-bar:backdrop {
    background-color: #37474f;
    border-color: #242f34; }

/**********
 * Frames *
 **********/
frame > border {
  box-shadow: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 1px solid #222c31; }
  frame > border.flat {
    border-style: none; }
  frame > border:backdrop {
    border-color: #242f34; }

actionbar > revealer > box {
  padding: 6px;
  border-top: 1px solid #222c31; }
  actionbar > revealer > box:backdrop {
    border-color: #242f34; }

scrolledwindow viewport.frame {
  border-style: none; }
scrolledwindow overshoot.top {
  background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
  background-size: 100% 5%, 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: transparent;
  border: none;
  box-shadow: none; }
  scrolledwindow overshoot.top:backdrop {
    background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
    background-size: 100% 5%;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    border: none;
    box-shadow: none; }
scrolledwindow overshoot.bottom {
  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
  background-size: 100% 5%, 100% 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: transparent;
  border: none;
  box-shadow: none; }
  scrolledwindow overshoot.bottom:backdrop {
    background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
    background-size: 100% 5%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: transparent;
    border: none;
    box-shadow: none; }
scrolledwindow overshoot.left {
  background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
  background-size: 5% 100%, 100% 100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-color: transparent;
  border: none;
  box-shadow: none; }
  scrolledwindow overshoot.left:backdrop {
    background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
    background-size: 5% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    border: none;
    box-shadow: none; }
scrolledwindow overshoot.right {
  background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
  background-size: 5% 100%, 100% 100%;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: transparent;
  border: none;
  box-shadow: none; }
  scrolledwindow overshoot.right:backdrop {
    background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
    background-size: 5% 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: transparent;
    border: none;
    box-shadow: none; }
scrolledwindow undershoot.top {
  background-color: transparent;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  padding-top: 1px;
  background-size: 10px 1px;
  background-repeat: repeat-x;
  background-origin: content-box;
  background-position: center top;
  border: none;
  box-shadow: none; }
scrolledwindow undershoot.bottom {
  background-color: transparent;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  padding-bottom: 1px;
  background-size: 10px 1px;
  background-repeat: repeat-x;
  background-origin: content-box;
  background-position: center bottom;
  border: none;
  box-shadow: none; }
scrolledwindow undershoot.left {
  background-color: transparent;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  padding-left: 1px;
  background-size: 1px 10px;
  background-repeat: repeat-y;
  background-origin: content-box;
  background-position: left center;
  border: none;
  box-shadow: none; }
scrolledwindow undershoot.right {
  background-color: transparent;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  padding-right: 1px;
  background-size: 1px 10px;
  background-repeat: repeat-y;
  background-origin: content-box;
  background-position: right center;
  border: none;
  box-shadow: none; }
scrolledwindow junction {
  border-color: transparent;
  border-image: linear-gradient(to bottom, #222c31 1px, transparent 1px) 0 0 0 1/0 1px stretch;
  background-color: transparent; }
  scrolledwindow junction:dir(rtl) {
    border-image-slice: 0 1 0 0; }
  scrolledwindow junction:backdrop {
    border-image-source: linear-gradient(to bottom, #242f34 1px, transparent 1px);
    background-color: #313f46;
    transition: 200ms ease-out; }

separator {
  background: rgba(0, 0, 0, 0.1);
  min-width: 1px;
  min-height: 1px; }

/************
 * Popovers *
 ************/
GraniteWidgetsPopOver {
  -GraniteWidgetsPopOver-arrow-width: 21;
  -GraniteWidgetsPopOver-arrow-height: 10;
  -GraniteWidgetsPopOver-border-radius: 8px;
  -GraniteWidgetsPopOver-border-width: 0;
  -GraniteWidgetsPopOver-shadow-size: 12;
  border: 1px solid #455a64;
  background: #455a64;
  color: #cfd8dc; }
  GraniteWidgetsPopOver .button {
    background-image: none;
    background: none;
    border: none; }
    GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover {
      color: #2196f3; }
  GraniteWidgetsPopOver > .frame {
    border: none; }
  GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar,
  GraniteWidgetsPopOver iconview.sidebar {
    border: none;
    background: none; }

GraniteWidgetsStaticNotebook .frame {
  border: none; }

.popover_bg {
  background-color: #455a64;
  background-image: none;
  border: 1px solid #455a64;
  color: #cfd8dc; }

/***********
 * Welcome *
 **********/
GraniteWidgetsWelcome {
  background-color: #455a64; }
  GraniteWidgetsWelcome GtkLabel {
    color: #cfd8dc; }
  GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 {
    color: rgba(207, 216, 220, 0.8); }

/**************
* Source List *
***************/
.source-list {
  -GtkTreeView-horizontal-separator: 1px;
  -GtkTreeView-vertical-separator: 6px;
  background-color: #37474f;
  border: solid #222c31;
  color: #cfd8dc;
  border-right-width: 1px; }
  .source-list .category-expander {
    color: transparent; }
  .source-list .badge {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.4);
    color: #37474f;
    border-radius: 10px;
    padding: 0 6px;
    margin: 0 3px;
    border-width: 0; }
    .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop {
      background-color: rgba(0, 0, 0, 0.2);
      color: #2d3940; }
  .source-list row,
  .source-list .list-row {
    border: none;
    padding: 0; }
    .source-list row > GtkLabel,
    .source-list row > label,
    .source-list .list-row > GtkLabel,
    .source-list .list-row > label {
      padding-left: 6px;
      padding-right: 6px; }

/**************
* Text Styles *
**************/
.h1 {
  font-size: 24px; }

.h2 {
  font-weight: 300;
  font-size: 18px; }

.h3 {
  font-size: 11px; }

.h4,
.category-label {
  font-size: 12px;
  padding: 6px;
  color: rgba(207, 216, 220, 0.3);
  font-weight: bold;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2); }

/**************
* Storage Bar *
**************/
.storage-bar .trough {
  border: none;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
  background-image: none;
  background-color: transparent;
  padding: 8px 6px; }
.storage-bar .fill-block {
  background-color: #f9ce1d;
  border: none;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  transition: all 200ms ease-in-out;
  padding: 8px 6px; }
  .storage-bar .fill-block:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
  .storage-bar .fill-block:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
  .storage-bar .fill-block.empty-block {
    background-color: #455a64; }
  .storage-bar .fill-block.app {
    background-color: #2196f3; }
  .storage-bar .fill-block.audio {
    background-color: #ff9800; }
  .storage-bar .fill-block.photo {
    background-color: #d32f2f; }
  .storage-bar .fill-block.video {
    background-color: #673ab7; }
  .storage-bar .fill-block .legend {
    padding: 12px;
    border-radius: 4px; }

/***************
 * Header Bars *
 ***************/
.titlebar:not(headerbar),
headerbar {
  padding: 0 8px;
  border: none;
  border-radius: 4px 4px 0 0;
  background-color: #303f46;
  color: rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
  .titlebar:backdrop:not(headerbar),
  headerbar:backdrop {
    background-color: #303f46;
    color: rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    transition: 200ms ease-out; }
  .titlebar:not(headerbar) .title,
  headerbar .title {
    font-weight: bold;
    padding-left: 12px;
    padding-right: 12px;
    color: rgba(255, 255, 255, 0.8); }
    .titlebar:not(headerbar) .title:backdrop,
    headerbar .title:backdrop {
      color: rgba(255, 255, 255, 0.6); }
  .titlebar:not(headerbar) .subtitle,
  headerbar .subtitle {
    font-size: smaller;
    padding-left: 12px;
    padding-right: 12px;
    color: rgba(255, 255, 255, 0.8); }
  .selection-mode.titlebar:not(headerbar),
  headerbar.selection-mode {
    border-radius: 4px 4px 0 0;
    color: #ffffff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
    border-color: #222c31;
    background-color: #347D9F;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
    .selection-mode.titlebar:backdrop:not(headerbar),
    headerbar.selection-mode:backdrop {
      background-color: #275f79;
      background-image: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
    .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
    headerbar.selection-mode .selection-menu:backdrop,
    headerbar.selection-mode .selection-menu {
      border-color: rgba(33, 150, 243, 0);
      background-image: linear-gradient(to bottom, rgba(33, 150, 243, 0));
      box-shadow: none;
      text-shadow: none;
      padding-left: 10px;
      padding-right: 10px; }
      .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
      headerbar.selection-mode .selection-menu:backdrop GtkArrow,
      headerbar.selection-mode .selection-menu GtkArrow {
        -GtkArrow-arrow-scaling: 1; }
      .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
      headerbar.selection-mode .selection-menu:backdrop .arrow,
      headerbar.selection-mode .selection-menu .arrow {
        -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
        color: rgba(255, 255, 255, 0.5);
        -gtk-icon-shadow: none; }
  .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
  headerbar:backdrop, .tiled
  headerbar, .maximized
  headerbar:backdrop, .maximized
  headerbar {
    border-radius: 0; }
  .default-decoration.titlebar:not(headerbar),
  headerbar.default-decoration {
    padding: 6px;
    background-color: #303f46;
    color: rgba(255, 255, 255, 0.8); }
    .default-decoration.titlebar:not(headerbar) .maximized,
    headerbar.default-decoration .maximized {
      padding: 6px;
      border-radius: 0; }
    .default-decoration.titlebar:backdrop:not(headerbar),
    headerbar.default-decoration:backdrop {
      background-color: #263137;
      color: rgba(255, 255, 255, 0.6); }
  .titlebar:not(headerbar) entry,
  headerbar entry {
    margin: 6px 0;
    border-radius: 2px;
    padding: 4px;
    border: none;
    box-shadow: none;
    background: rgba(69, 90, 100, 0.95);
    color: #cfd8dc;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
    .titlebar:not(headerbar) entry > image,
    headerbar entry > image {
      padding-right: 6px;
      color: rgba(207, 216, 220, 0.8); }
    .titlebar:not(headerbar) entry:active, .titlebar:not(headerbar) entry:focus,
    headerbar entry:active,
    headerbar entry:focus {
      background: #455a64;
      color: #cfd8dc;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
      .titlebar:not(headerbar) entry:active > image, .titlebar:not(headerbar) entry:focus > image,
      headerbar entry:active > image,
      headerbar entry:focus > image {
        padding-right: 6px;
        color: #cfd8dc; }
      .titlebar:not(headerbar) entry:active:backdrop, .titlebar:not(headerbar) entry:focus:backdrop,
      headerbar entry:active:backdrop,
      headerbar entry:focus:backdrop {
        background: rgba(69, 90, 100, 0.8);
        color: rgba(207, 216, 220, 0.5);
        box-shadow: none; }
    .titlebar:not(headerbar) entry:disabled,
    headerbar entry:disabled {
      background: rgba(69, 90, 100, 0.6);
      color: rgba(207, 216, 220, 0.5);
      box-shadow: none; }
      .titlebar:not(headerbar) entry:disabled > image,
      headerbar entry:disabled > image {
        padding-right: 6px;
        color: rgba(207, 216, 220, 0.5); }
      .titlebar:not(headerbar) entry:disabled:backdrop,
      headerbar entry:disabled:backdrop {
        background: rgba(69, 90, 100, 0.5);
        color: rgba(207, 216, 220, 0.5);
        box-shadow: none; }
    .titlebar:not(headerbar) entry:backdrop,
    headerbar entry:backdrop {
      background: rgba(69, 90, 100, 0.8);
      color: rgba(207, 216, 220, 0.5);
      box-shadow: none; }
      .titlebar:not(headerbar) entry:backdrop > image,
      headerbar entry:backdrop > image {
        color: rgba(207, 216, 220, 0.5); }
  .titlebar:not(headerbar) button,
  headerbar button {
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    -gtk-icon-shadow: none;
    margin: 0;
    padding: 10px;
    text-shadow: none; }
    .titlebar:not(headerbar) button.back-button, .titlebar:not(headerbar) button.suggested-action, .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.linked, .titlebar:not(headerbar) button.flat,
    headerbar button.back-button,
    headerbar button.suggested-action,
    headerbar button.menu-button,
    headerbar button.text-button,
    headerbar button.image-button,
    headerbar button.linked,
    headerbar button.flat {
      background-color: transparent;
      background-image: none;
      border-radius: 0px;
      border: none;
      box-shadow: none;
      -gtk-icon-shadow: none;
      margin: 0;
      padding: 10px;
      text-shadow: none;
      color: rgba(255, 255, 255, 0.8); }
      .titlebar:not(headerbar) button.back-button:active, .titlebar:not(headerbar) button.back-button:checked, .titlebar:not(headerbar) button.suggested-action:active, .titlebar:not(headerbar) button.suggested-action:checked, .titlebar:not(headerbar) button.menu-button:active, .titlebar:not(headerbar) button.menu-button:checked, .titlebar:not(headerbar) button.text-button:active, .titlebar:not(headerbar) button.text-button:checked, .titlebar:not(headerbar) button.image-button:active, .titlebar:not(headerbar) button.image-button:checked, .titlebar:not(headerbar) button.linked:active, .titlebar:not(headerbar) button.linked:checked, .titlebar:not(headerbar) button.flat:active, .titlebar:not(headerbar) button.flat:checked,
      headerbar button.back-button:active,
      headerbar button.back-button:checked,
      headerbar button.suggested-action:active,
      headerbar button.suggested-action:checked,
      headerbar button.menu-button:active,
      headerbar button.menu-button:checked,
      headerbar button.text-button:active,
      headerbar button.text-button:checked,
      headerbar button.image-button:active,
      headerbar button.image-button:checked,
      headerbar button.linked:active,
      headerbar button.linked:checked,
      headerbar button.flat:active,
      headerbar button.flat:checked {
        border-radius: 0px; }
      .titlebar:not(headerbar) button.back-button:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.linked:backdrop, .titlebar:not(headerbar) button.flat:backdrop,
      headerbar button.back-button:backdrop,
      headerbar button.suggested-action:backdrop,
      headerbar button.menu-button:backdrop,
      headerbar button.text-button:backdrop,
      headerbar button.image-button:backdrop,
      headerbar button.linked:backdrop,
      headerbar button.flat:backdrop {
        background-color: transparent;
        background-image: none;
        text-shadow: none;
        color: rgba(255, 255, 255, 0.6); }
      .titlebar:not(headerbar) button.back-button:hover, .titlebar:not(headerbar) button.suggested-action:hover, .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.text-button:hover, .titlebar:not(headerbar) button.image-button:hover, .titlebar:not(headerbar) button.linked:hover, .titlebar:not(headerbar) button.flat:hover,
      headerbar button.back-button:hover,
      headerbar button.suggested-action:hover,
      headerbar button.menu-button:hover,
      headerbar button.text-button:hover,
      headerbar button.image-button:hover,
      headerbar button.linked:hover,
      headerbar button.flat:hover {
        background-image: none;
        background-color: rgba(0, 0, 0, 0.15);
        color: rgba(255, 255, 255, 0.8);
        box-shadow: none;
        text-shadow: none; }
      .titlebar:not(headerbar) button.back-button.radio.text-button, .titlebar:not(headerbar) button.back-button.check.text-button, .titlebar:not(headerbar) button.suggested-action.radio.text-button, .titlebar:not(headerbar) button.suggested-action.check.text-button, .titlebar:not(headerbar) button.menu-button.radio.text-button, .titlebar:not(headerbar) button.menu-button.check.text-button, .titlebar:not(headerbar) button.text-button.radio.text-button, .titlebar:not(headerbar) button.text-button.check.text-button, .titlebar:not(headerbar) button.image-button.radio.text-button, .titlebar:not(headerbar) button.image-button.check.text-button, .titlebar:not(headerbar) button.linked.radio.text-button, .titlebar:not(headerbar) button.linked.check.text-button, .titlebar:not(headerbar) button.flat.radio.text-button, .titlebar:not(headerbar) button.flat.check.text-button,
      headerbar button.back-button.radio.text-button,
      headerbar button.back-button.check.text-button,
      headerbar button.suggested-action.radio.text-button,
      headerbar button.suggested-action.check.text-button,
      headerbar button.menu-button.radio.text-button,
      headerbar button.menu-button.check.text-button,
      headerbar button.text-button.radio.text-button,
      headerbar button.text-button.check.text-button,
      headerbar button.image-button.radio.text-button,
      headerbar button.image-button.check.text-button,
      headerbar button.linked.radio.text-button,
      headerbar button.linked.check.text-button,
      headerbar button.flat.radio.text-button,
      headerbar button.flat.check.text-button {
        padding: 10px; }
    .titlebar:not(headerbar) button label,
    .titlebar:not(headerbar) button image,
    headerbar button label,
    headerbar button image {
      color: rgba(255, 255, 255, 0.8); }
      .titlebar:not(headerbar) button label:backdrop, .titlebar:not(headerbar) button label:disabled,
      .titlebar:not(headerbar) button image:backdrop,
      .titlebar:not(headerbar) button image:disabled,
      headerbar button label:backdrop,
      headerbar button label:disabled,
      headerbar button image:backdrop,
      headerbar button image:disabled {
        color: rgba(255, 255, 255, 0.6);
        -gtk-icon-effect: dim; }
    .titlebar:not(headerbar) button:focus, .titlebar:not(headerbar) button:hover,
    headerbar button:focus,
    headerbar button:hover {
      background-image: none;
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.8);
      box-shadow: none;
      text-shadow: none; }
    .titlebar:not(headerbar) button:backdrop,
    headerbar button:backdrop {
      background-color: transparent;
      background-image: none;
      color: rgba(255, 255, 255, 0.6); }
      .titlebar:not(headerbar) button:backdrop image,
      headerbar button:backdrop image {
        color: rgba(255, 255, 255, 0.6); }
    .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked,
    headerbar button:active,
    headerbar button:checked {
      border-radius: 0px;
      text-shadow: none;
      -gtk-icon-shadow: none;
      box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8);
      background-color: transparent;
      background-image: none;
      color: rgba(255, 255, 255, 0.8); }
      .titlebar:not(headerbar) button:active:backdrop, .titlebar:not(headerbar) button:checked:backdrop,
      headerbar button:active:backdrop,
      headerbar button:checked:backdrop {
        background-color: transparent;
        background-image: none;
        color: rgba(255, 255, 255, 0.6);
        box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.6); }
      .titlebar:not(headerbar) button:active:focus, .titlebar:not(headerbar) button:active:hover, .titlebar:not(headerbar) button:checked:focus, .titlebar:not(headerbar) button:checked:hover,
      headerbar button:active:focus,
      headerbar button:active:hover,
      headerbar button:checked:focus,
      headerbar button:checked:hover {
        background-image: none;
        background-color: rgba(0, 0, 0, 0.15);
        color: rgba(255, 255, 255, 0.8);
        box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); }
    .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:disabled:backdrop,
    headerbar button:disabled,
    headerbar button:disabled:backdrop {
      color: rgba(255, 255, 255, 0.6);
      background-color: transparent;
      background-image: none; }
      .titlebar:not(headerbar) button:disabled image, .titlebar:not(headerbar) button:disabled:backdrop image,
      headerbar button:disabled image,
      headerbar button:disabled:backdrop image {
        -gtk-icon-effect: dim; }
    .titlebar:not(headerbar) button.menu-button .menu .menuitem label,
    headerbar button.menu-button .menu .menuitem label {
      color: #cfd8dc; }
      .titlebar:not(headerbar) button.menu-button .menu .menuitem label:disabled,
      headerbar button.menu-button .menu .menuitem label:disabled {
        color: #839096; }
    .titlebar:not(headerbar) button.menu-button .menu .menuitem .separator,
    headerbar button.menu-button .menu .menuitem .separator {
      color: #222c31; }
    .titlebar:not(headerbar) button.menu-button .menu .menuitem:hover label,
    headerbar button.menu-button .menu .menuitem:hover label {
      color: #ffffff; }
    .titlebar:not(headerbar) button.suggested-action,
    headerbar button.suggested-action {
      font-weight: bold;
      padding: 0;
      padding: 5px 10px;
      border-radius: 2px;
      background-color: rgba(255, 255, 255, 0.8);
      color: #2196f3;
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
      .titlebar:not(headerbar) button.suggested-action label,
      headerbar button.suggested-action label {
        color: #2196f3; }
      .titlebar:not(headerbar) button.suggested-action:hover,
      headerbar button.suggested-action:hover {
        background-color: rgba(255, 255, 255, 0.8);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
        .titlebar:not(headerbar) button.suggested-action:hover label,
        headerbar button.suggested-action:hover label {
          color: #2196f3; }
        .titlebar:not(headerbar) button.suggested-action:hover:backdrop,
        headerbar button.suggested-action:hover:backdrop {
          background-color: rgba(255, 255, 255, 0.6);
          box-shadow: none; }
          .titlebar:not(headerbar) button.suggested-action:hover:backdrop label,
          headerbar button.suggested-action:hover:backdrop label {
            color: rgba(33, 150, 243, 0.8); }
      .titlebar:not(headerbar) button.suggested-action:disabled,
      headerbar button.suggested-action:disabled {
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: none; }
        .titlebar:not(headerbar) button.suggested-action:disabled label,
        headerbar button.suggested-action:disabled label {
          color: rgba(255, 255, 255, 0.3); }
        .titlebar:not(headerbar) button.suggested-action:disabled:backdrop,
        headerbar button.suggested-action:disabled:backdrop {
          background-color: rgba(0, 0, 0, 0.1);
          box-shadow: none; }
          .titlebar:not(headerbar) button.suggested-action:disabled:backdrop label,
          headerbar button.suggested-action:disabled:backdrop label {
            color: rgba(255, 255, 255, 0.3); }
      .titlebar:not(headerbar) button.suggested-action:backdrop,
      headerbar button.suggested-action:backdrop {
        background-color: rgba(255, 255, 255, 0);
        box-shadow: none; }
        .titlebar:not(headerbar) button.suggested-action:backdrop label,
        headerbar button.suggested-action:backdrop label {
          color: rgba(33, 150, 243, 0.2); }
    .titlebar:not(headerbar) button.linked:first-child, .titlebar:not(headerbar) button.linked:last-child,
    headerbar button.linked:first-child,
    headerbar button.linked:last-child {
      border-radius: 0; }
    .titlebar:not(headerbar) button.titlebutton,
    headerbar button.titlebutton {
      background-color: transparent;
      background-image: none;
      border-radius: 50%;
      border: none;
      box-shadow: none;
      icon-shadow: none;
      margin: 0;
      padding: 1px;
      text-shadow: none;
      color: rgba(255, 255, 255, 0.8); }
      .titlebar:not(headerbar) button.titlebutton:hover,
      headerbar button.titlebutton:hover {
        background-color: rgba(255, 255, 255, 0);
        color: rgba(255, 255, 255, 0.8); }
      .titlebar:not(headerbar) button.titlebutton:backdrop,
      headerbar button.titlebutton:backdrop {
        background-color: transparent;
        color: rgba(255, 255, 255, 0.6); }
      .titlebar:not(headerbar) button.titlebutton:active,
      headerbar button.titlebutton:active {
        background-color: rgba(255, 255, 255, 0.8);
        color: #303f46;
        border-radius: 50%;
        box-shadow: none; }
        .titlebar:not(headerbar) button.titlebutton:active GtkImage,
        headerbar button.titlebutton:active GtkImage {
          color: #303f46; }
  .titlebar:not(headerbar) .separator,
  headerbar .separator {
    color: transparent;
    background-color: transparent; }

.titlebar, .titlebar:backdrop {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.separator:first-child + headerbar, .separator:first-child + headerbar:backdrop, separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop {
  border-top-left-radius: 4px; }
headerbar:last-child, headerbar:last-child:backdrop {
  border-top-right-radius: 4px; }

window.csd > .titlebar:not(headerbar) {
  padding: 0;
  background-color: #303f46;
  background-image: none;
  border-style: none;
  border-color: transparent;
  box-shadow: none; }
  window.csd > .titlebar:not(headerbar):backdrop {
    background-color: #263137; }

/**************
 * GtkInfoBar *
 **************/
.info, .warning, .question, .error,
infobar {
  text-shadow: none;
  color: #cfd8dc;
  background-color: #37474f;
  border-bottom: 1px solid #222c31;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); }

.info, .warning, .question, .error {
  text-shadow: none;
  color: #ffffff;
  border: none; }
  .info .label, .warning .label, .question .label, .error .label {
    color: #ffffff; }
    .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop {
      color: rgba(255, 255, 255, 0.5); }
  .info button, .warning button, .question button, .error button {
    border-radius: 2px;
    border: none;
    background: rgba(69, 90, 100, 0.95);
    color: #cfd8dc;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
    .info button .label, .warning button .label, .question button .label, .error button .label {
      color: #cfd8dc; }
    .info button:active, .warning button:active, .question button:active, .error button:active {
      background: #455a64;
      color: #cfd8dc;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
      .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop {
        background: rgba(69, 90, 100, 0.8);
        color: rgba(207, 216, 220, 0.5);
        box-shadow: none; }
    .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus {
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
    .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled {
      background: rgba(69, 90, 100, 0.6);
      color: rgba(207, 216, 220, 0.5);
      box-shadow: none; }
      .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop {
        background: rgba(69, 90, 100, 0.5);
        color: rgba(207, 216, 220, 0.5);
        box-shadow: none; }
    .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop {
      background: rgba(69, 90, 100, 0.8);
      color: rgba(207, 216, 220, 0.5);
      box-shadow: none; }

.info {
  background-color: #2196f3; }
  .info:backdrop {
    background-color: #51adf6;
    color: rgba(255, 255, 255, 0.5); }

.warning {
  background-color: #f9ce1d; }
  .warning:backdrop {
    background-color: #fad94f;
    color: rgba(255, 255, 255, 0.5); }

.question {
  background-color: #4caf50; }
  .question:backdrop {
    background-color: #6ec071;
    color: rgba(255, 255, 255, 0.5); }

.error {
  background-color: #d32f2f; }
  .error:backdrop {
    background-color: #dc5959;
    color: rgba(255, 255, 255, 0.5); }

/*************
 * Level Bar *
 *************/
levelbar {
  -GtkLevelBar-min-block-width: 32;
  -GtkLevelBar-min-block-height: 8; }
  levelbar:backdrop {
    transition: 200ms ease-out; }
  levelbar trough {
    margin: 0;
    padding: 2px;
    border-radius: 3px; }
  levelbar.horizontal.indicator-discrete.fill-block {
    margin: 0 1px; }
  levelbar.horizontal.discrete block {
    margin: 0 1px; }
  levelbar.vertical.indicator-discrete.fill-block {
    margin: 1px 0; }
  levelbar.vertical.discrete block {
    margin: 1px 0; }
  levelbar.vertical .fill-block,
  levelbar.vertical block,
  levelbar block {
    border-radius: 2px;
    min-width: 32px;
    min-height: 2px; }
    levelbar.vertical .low.fill-block,
    levelbar.vertical block.low, levelbar.vertical .level-low.fill-block,
    levelbar.vertical block.level-low,
    levelbar block.low,
    levelbar block.level-low {
      border: 1px solid #ddb306;
      background-color: #f9ce1d; }
      levelbar.vertical .low.fill-block:backdrop,
      levelbar.vertical block.low:backdrop, levelbar.vertical .level-low.fill-block:backdrop,
      levelbar.vertical block.level-low:backdrop,
      levelbar block.low:backdrop,
      levelbar block.level-low:backdrop {
        border: 1px solid #f9ce1d; }
    levelbar.vertical .high.fill-block,
    levelbar.vertical block.high, levelbar.vertical .level-high.fill-block,
    levelbar.vertical block.level-high,
    levelbar block.high,
    levelbar block.level-high {
      border: 1px solid #0c7cd5;
      background-color: #2196f3; }
      levelbar.vertical .high.fill-block:backdrop,
      levelbar.vertical block.high:backdrop, levelbar.vertical .level-high.fill-block:backdrop,
      levelbar.vertical block.level-high:backdrop,
      levelbar block.high:backdrop,
      levelbar block.level-high:backdrop {
        border: 1px solid #2196f3; }
    levelbar.vertical .full.fill-block,
    levelbar.vertical block.full, levelbar.vertical .level-full.fill-block,
    levelbar.vertical block.level-full,
    levelbar block.full,
    levelbar block.level-full {
      border: 1px solid #2d682f;
      background-color: #3d8b40; }
      levelbar.vertical .full.fill-block:backdrop,
      levelbar.vertical block.full:backdrop, levelbar.vertical .level-full.fill-block:backdrop,
      levelbar.vertical block.level-full:backdrop,
      levelbar block.full:backdrop,
      levelbar block.level-full:backdrop {
        border: 1px solid #3d8b40; }
    levelbar.vertical .empty.fill-block,
    levelbar.vertical block.empty, levelbar.vertical .level-empty.fill-block,
    levelbar.vertical block.level-empty,
    levelbar block.empty,
    levelbar block.level-empty {
      background-color: transparent;
      border: 1px solid rgba(207, 216, 220, 0.1);
      box-shadow: none; }
      levelbar.vertical .empty.fill-block:backdrop,
      levelbar.vertical block.empty:backdrop, levelbar.vertical .level-empty.fill-block:backdrop,
      levelbar.vertical block.level-empty:backdrop,
      levelbar block.empty:backdrop,
      levelbar block.level-empty:backdrop {
        border-color: rgba(131, 144, 150, 0.15); }
  levelbar.vertical {
    -GtkLevelBar-min-block-width: 8;
    -GtkLevelBar-min-block-height: 32; }
    levelbar.vertical .fill-block,
    levelbar.vertical block {
      min-width: 8px;
      min-height: 32px; }

/*********
 * Links *
 *********/
*:link, button:link,
button:visited {
  color: blue; }
  *:link:visited,
  button:visited {
    color: rgba(0, 0, 255, 0.5); }
    *:selected *:link:visited, *:selected button:visited:link,
    *:selected button:visited {
      color: #a6d5fa; }
  *:link:hover, button:hover:link,
  button:hover:visited {
    color: #3333ff; }
    *:selected *:link:hover, *:selected button:hover:link,
    *:selected button:hover:visited {
      color: #e9f5fe; }
  *:link:active, button:active:link,
  button:active:visited {
    color: blue; }
    *:selected *:link:active, *:selected button:active:link,
    *:selected button:active:visited {
      color: #d3eafd; }
  *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link,
  button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link,
  headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link,
  button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link,
  button:backdrop:visited {
    color: #2196f3; }
  *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link,
  headerbar.selection-mode .subtitle:link, button:selected:link,
  button:selected:visited, *:selected *:link, *:selected button:link,
  *:selected button:visited {
    color: #d3eafd; }

button:link,
button:visited {
  text-shadow: none; }
  button:link:hover, button:link:active, button:link:checked,
  button:visited:hover,
  button:visited:active,
  button:visited:checked {
    text-shadow: none; }
  button:link > label,
  button:visited > label {
    text-decoration-line: underline; }
  button:link > GtkLabel,
  button:visited > GtkLabel {
    text-decoration-line: underline; }

/*********
 * Lists *
 *********/
list {
  color: #cfd8dc;
  background-color: #455a64;
  border-color: #222c31; }
  list:backdrop {
    background-color: #475d67;
    border-color: #242f34; }

row {
  border-radius: 0;
  transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  row image {
    padding-right: 6px; }
  row:hover {
    transition: none; }
  row:backdrop {
    transition: 200ms ease-out; }
  row.activatable.has-open-popup, row.activatable:hover {
    background-color: rgba(207, 216, 220, 0.05); }
  row.activatable:active {
    box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
  row.activatable:backdrop:hover {
    background-color: transparent; }
  row.activatable:selected:active {
    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
  row.activatable:selected.has-open-popup, row.activatable:selected:hover {
    background-color: #329df1; }
  row.activatable:selected:backdrop {
    background-color: #2196f3; }

/*********
 * Menus *
 *********/
menubar {
  -GtkWidget-window-dragging: true;
  padding: 0px;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
  background-color: #303f46;
  color: rgba(255, 255, 255, 0.8); }
  menubar:backdrop {
    background-color: #263137; }
  menubar > menuitem {
    min-height: 16px;
    padding: 4px 8px; }
    menubar > menuitem:hover {
      box-shadow: inset 0 -3px #2196f3;
      color: rgba(255, 255, 255, 0.8); }
    menubar > menuitem:disabled {
      color: #839096;
      box-shadow: none; }

menu {
  padding: 4px 0px;
  background-color: #425660;
  border: 1px solid #222c31;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
  .csd menu {
    border: none; }
  menu:backdrop {
    background-color: #445962; }
  menu menuitem {
    min-height: 16px;
    min-width: 40px;
    padding: 8px 4px;
    text-shadow: none; }
    menu menuitem:hover {
      color: #ffffff;
      background-color: #2196f3; }
    menu menuitem:disabled {
      color: #839096; }
      menu menuitem:disabled:backdrop {
        color: #56707c; }
    menu menuitem:backdrop, menu menuitem:backdrop:hover {
      color: #839096;
      background-color: transparent; }
    menu menuitem arrow {
      min-height: 16px;
      min-width: 16px; }
      menu menuitem arrow:dir(ltr) {
        -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
        margin-left: 10px; }
      menu menuitem arrow:dir(rtl) {
        -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
        margin-right: 10px; }
  menu > arrow {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    min-height: 16px;
    min-width: 16px;
    padding: 4px;
    background-color: #425660;
    border-radius: 0; }
    menu > arrow.top {
      margin-top: -6px;
      border-bottom: 1px solid #536770;
      -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
    menu > arrow.bottom {
      margin-bottom: -6px;
      border-top: 1px solid #536770;
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
    menu > arrow:hover {
      background-color: #536770; }
    menu > arrow:backdrop {
      background-color: #445962; }
    menu > arrow:disabled {
      color: transparent;
      background-color: transparent;
      border-color: transparent; }

menuitem accelerator {
  color: alpha(currentColor,0.55); }
menuitem check,
menuitem radio {
  min-height: 16px;
  min-width: 16px; }
  menuitem check:dir(ltr),
  menuitem radio:dir(ltr) {
    margin-right: 7px; }
  menuitem check:dir(rtl),
  menuitem radio:dir(rtl) {
    margin-left: 7px; }

/********
 * Misc *
 ********/
.content-view {
  background-color: #28343a; }
  .content-view:hover {
    -gtk-icon-effect: highlight; }
  .content-view:backdrop {
    background-color: #28343a; }

.osd .scale-popup button.flat {
  border-style: none;
  border-radius: 5px; }
.scale-popup button:hover {
  background-color: rgba(207, 216, 220, 0.1);
  border-radius: 5px; }

separator {
  color: #222c31; }

/************
* Assistant *
*************/
assistant {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  assistant .sidebar {
    background-color: #455a64;
    border-top: 1px solid #222c31;
    border-bottom-left-radius: 4px; }
    assistant .sidebar:backdrop {
      background-color: #475d67;
      border-color: #242f34; }
  assistant.csd .sidebar {
    border-top-style: none; }
  assistant .sidebar GtkLabel,
  assistant .sidebar label {
    padding: 6px 12px; }
  assistant .sidebar GtkLabel.highlight,
  assistant .sidebar label.highlight {
    background-color: #55646b; }

/*************
 * Notebooks *
 *************/
notebook > header {
  border: none; }
  notebook > header.top {
    border-bottom-style: solid; }
    notebook > header.top > tabs > tab:hover {
      box-shadow: inset 0 -2px #222c31; }
    notebook > header.top > tabs > tab:backdrop {
      box-shadow: none; }
    notebook > header.top > tabs > tab:checked {
      box-shadow: inset 0 -2px #2196f3; }
  notebook > header.bottom {
    border-top-style: solid; }
    notebook > header.bottom > tabs > tab:hover {
      box-shadow: inset 0 2px #222c31; }
    notebook > header.bottom > tabs > tab:backdrop {
      box-shadow: none; }
    notebook > header.bottom > tabs > tab:checked {
      box-shadow: inset 0 2px #2196f3; }
  notebook > header.left {
    border-right-style: solid; }
    notebook > header.left > tabs > tab:hover {
      box-shadow: inset -2px 0 #222c31; }
    notebook > header.left > tabs > tab:backdrop {
      box-shadow: none; }
    notebook > header.left > tabs > tab:checked {
      box-shadow: inset -2px 0 #2196f3; }
  notebook > header.right {
    border-left-style: solid; }
    notebook > header.right > tabs > tab:hover {
      box-shadow: inset 2px 0 #222c31; }
    notebook > header.right > tabs > tab:backdrop {
      box-shadow: none; }
    notebook > header.right > tabs > tab:checked {
      box-shadow: inset 2px 0 #2196f3; }
  notebook > header.top > tabs > arrow {
    border-top-style: none; }
  notebook > header.bottom > tabs > arrow {
    border-bottom-style: none; }
  notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 4px;
    padding-right: 4px; }
    notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
      -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
    notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  notebook > header.left > tabs > arrow {
    border-left-style: none; }
  notebook > header.right > tabs > arrow {
    border-right-style: none; }
  notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
    margin-top: -5px;
    margin-bottom: -5px;
    padding-top: 4px;
    padding-bottom: 4px; }
    notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
      -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
    notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  notebook > header > tabs > arrow {
    min-height: 16px;
    min-width: 16px;
    border-radius: 0; }
    notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
      background-clip: padding-box;
      background-image: none;
      background-color: rgba(255, 255, 255, 0.3);
      border-color: transparent;
      box-shadow: none; }
    notebook > header > tabs > arrow:disabled {
      border-color: transparent;
      background-color: transparent;
      background-image: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
      text-shadow: none;
      -gtk-icon-shadow: none; }
  notebook > header tab {
    min-height: 30px;
    min-width: 30px;
    padding: 3px 12px;
    outline-offset: -5px;
    color: #839096;
    font-weight: bold;
    border-width: 1px;
    border-color: transparent; }
    notebook > header tab:hover {
      color: #a9b4b9; }
      notebook > header tab:hover.reorderable-page {
        border-color: rgba(34, 44, 49, 0.3);
        background-color: rgba(55, 71, 79, 0.2); }
    notebook > header tab:backdrop {
      color: #65737a; }
      notebook > header tab:backdrop.reorderable-page {
        border-color: transparent;
        background-color: transparent; }
    notebook > header tab:checked {
      color: #cfd8dc; }
      notebook > header tab:checked.reorderable-page {
        border-color: rgba(34, 44, 49, 0.5);
        background-color: rgba(55, 71, 79, 0.5); }
        notebook > header tab:checked.reorderable-page:hover {
          background-color: rgba(55, 71, 79, 0.7); }
    notebook > header tab:backdrop:checked {
      color: #839096; }
      notebook > header tab:backdrop:checked.reorderable-page {
        border-color: #242f34;
        background-color: #37474f; }
    notebook > header tab button.flat {
      padding: 0;
      margin-top: 4px;
      margin-bottom: 4px;
      min-width: 20px;
      min-height: 20px; }
      notebook > header tab button.flat:hover {
        color: currentColor; }
      notebook > header tab button.flat, notebook > header tab button.flat:backdrop {
        color: alpha(currentColor,0.3); }
      notebook > header tab button.flat:last-child {
        margin-left: 4px;
        margin-right: -4px; }
      notebook > header tab button.flat:first-child {
        margin-left: -4px;
        margin-right: 4px; }
  notebook > header.top tabs, notebook > header.bottom tabs {
    padding-left: 4px;
    padding-right: 4px; }
    notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) {
      margin-left: 3px;
      margin-right: 3px; }
      notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
        margin-left: -1px; }
      notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
        margin-right: -1px; }
    notebook > header.top tabs tab, notebook > header.bottom tabs tab {
      margin-left: 4px;
      margin-right: 4px; }
      notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
        border-style: none solid; }
  notebook > header.left tabs, notebook > header.right tabs {
    padding-top: 4px;
    padding-bottom: 4px; }
    notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) {
      margin-top: 3px;
      margin-bottom: 3px; }
      notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
        margin-top: -1px; }
      notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
        margin-bottom: -1px; }
    notebook > header.left tabs tab, notebook > header.right tabs tab {
      margin-top: 4px;
      margin-bottom: 4px; }
      notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
        border-style: solid none; }
  notebook > header.top tab {
    padding-bottom: 4px; }
  notebook > header.bottom tab {
    padding-top: 4px; }
notebook > stack:not(:only-child) {
  background-color: #455a64; }
  notebook > stack:not(:only-child):backdrop {
    background-color: #475d67; }

notebook,
.dynamic-notebook,
.notebook {
  padding: 0;
  background-color: #455a64;
  box-shadow: 0 0 0 1px #222c31;
  background-clip: border-box; }
  notebook > header,
  notebook > .header,
  .dynamic-notebook > header,
  .dynamic-notebook > .header,
  .notebook > header,
  .notebook > .header {
    border: none;
    box-shadow: none;
    background-color: #37474f; }
  notebook > tab,
  .dynamic-notebook > tab,
  .notebook > tab {
    border-radius: 0;
    background-color: #37474f; }
    notebook > tab.top,
    .dynamic-notebook > tab.top,
    .notebook > tab.top {
      padding: 6px 8px 8px 8px;
      box-shadow: inset 0 -1px 0 0 #222c31; }
      notebook > tab.top:active,
      .dynamic-notebook > tab.top:active,
      .notebook > tab.top:active {
        box-shadow: inset 0 -3px 0 0 #222c31; }
        notebook > tab.top:active:backdrop,
        .dynamic-notebook > tab.top:active:backdrop,
        .notebook > tab.top:active:backdrop {
          box-shadow: inset 0 -3px 0 0 #242f34; }
      notebook > tab.top:backdrop,
      .dynamic-notebook > tab.top:backdrop,
      .notebook > tab.top:backdrop {
        box-shadow: inset 0 -1px 0 0 #242f34; }
      notebook > tab.top:disabled,
      .dynamic-notebook > tab.top:disabled,
      .notebook > tab.top:disabled {
        box-shadow: inset 0 -1px 0 0 #222c31; }
    notebook > tab.bottom,
    .dynamic-notebook > tab.bottom,
    .notebook > tab.bottom {
      padding: 8px 8px 6px 8px;
      box-shadow: inset 0 1px 0 0 #222c31; }
      notebook > tab.bottom:active,
      .dynamic-notebook > tab.bottom:active,
      .notebook > tab.bottom:active {
        box-shadow: inset 0 3px 0 0 #222c31; }
        notebook > tab.bottom:active:backdrop,
        .dynamic-notebook > tab.bottom:active:backdrop,
        .notebook > tab.bottom:active:backdrop {
          box-shadow: inset 0 3px 0 0 #242f34; }
      notebook > tab.bottom:backdrop,
      .dynamic-notebook > tab.bottom:backdrop,
      .notebook > tab.bottom:backdrop {
        box-shadow: inset 0 1px 0 0 #242f34; }
      notebook > tab.bottom:disabled,
      .dynamic-notebook > tab.bottom:disabled,
      .notebook > tab.bottom:disabled {
        box-shadow: inset 0 1px 0 0 #222c31; }
    notebook > tab.left,
    .dynamic-notebook > tab.left,
    .notebook > tab.left {
      padding: 8px;
      box-shadow: inset -1px 0 0 0 #222c31; }
      notebook > tab.left:active,
      .dynamic-notebook > tab.left:active,
      .notebook > tab.left:active {
        box-shadow: inset -3px 0 0 0 #222c31; }
        notebook > tab.left:active:backdrop,
        .dynamic-notebook > tab.left:active:backdrop,
        .notebook > tab.left:active:backdrop {
          box-shadow: inset -3px 0 0 0 #242f34; }
      notebook > tab.left:backdrop,
      .dynamic-notebook > tab.left:backdrop,
      .notebook > tab.left:backdrop {
        box-shadow: inset -1px 0 0 0 #242f34; }
      notebook > tab.left:disabled,
      .dynamic-notebook > tab.left:disabled,
      .notebook > tab.left:disabled {
        box-shadow: inset -1px 0 0 0 #222c31; }
    notebook > tab.right,
    .dynamic-notebook > tab.right,
    .notebook > tab.right {
      padding: 8px;
      box-shadow: inset 1px 0 0 0 #222c31; }
      notebook > tab.right:active,
      .dynamic-notebook > tab.right:active,
      .notebook > tab.right:active {
        box-shadow: inset 3px 0 0 0 #222c31; }
        notebook > tab.right:active:backdrop,
        .dynamic-notebook > tab.right:active:backdrop,
        .notebook > tab.right:active:backdrop {
          box-shadow: inset 3px 0 0 0 #242f34; }
      notebook > tab.right:backdrop,
      .dynamic-notebook > tab.right:backdrop,
      .notebook > tab.right:backdrop {
        box-shadow: inset 1px 0 0 0 #242f34; }
      notebook > tab.right:disabled,
      .dynamic-notebook > tab.right:disabled,
      .notebook > tab.right:disabled {
        box-shadow: inset 1px 0 0 0 #222c31; }
    notebook > tab:active,
    .dynamic-notebook > tab:active,
    .notebook > tab:active {
      font-weight: bold; }
    notebook > tab:hover,
    .dynamic-notebook > tab:hover,
    .notebook > tab:hover {
      background: #2d3940; }

/*********
 * Paned *
 *********/
.paned,
paned {
  border: solid #222c31;
  border-left-width: 1px; }
  .paned > separator,
  paned > separator {
    min-width: 1px;
    min-height: 1px;
    -gtk-icon-source: none;
    border-style: none;
    background-color: transparent;
    background-image: image(#222c31);
    background-size: 1px 1px; }
    .paned > separator:selected,
    paned > separator:selected {
      background-image: image(#2196f3); }
    .paned > separator:backdrop,
    paned > separator:backdrop {
      background-image: image(#242f34); }
    .paned > separator.wide,
    paned > separator.wide {
      min-width: 5px;
      min-height: 5px;
      background-color: #37474f;
      background-image: image(#222c31), image(#222c31);
      background-size: 1px 1px, 1px 1px; }
      .paned > separator.wide:backdrop,
      paned > separator.wide:backdrop {
        background-color: #37474f;
        background-image: image(#242f34), image(#242f34); }
  .paned.horizontal > separator,
  paned.horizontal > separator {
    background-repeat: repeat-y; }
    .paned.horizontal > separator:dir(ltr),
    paned.horizontal > separator:dir(ltr) {
      margin: 0 -8px 0 0;
      padding: 0 8px 0 0;
      background-position: left; }
    .paned.horizontal > separator:dir(rtl),
    paned.horizontal > separator:dir(rtl) {
      margin: 0 0 0 -8px;
      padding: 0 0 0 8px;
      background-position: right; }
    .paned.horizontal > separator.wide,
    paned.horizontal > separator.wide {
      margin: 0;
      padding: 0;
      background-repeat: repeat-y, repeat-y;
      background-position: left, right; }
  .paned.vertical > separator,
  paned.vertical > separator {
    margin: 0 0 -8px 0;
    padding: 0 0 8px 0;
    background-repeat: repeat-x;
    background-position: top; }
    .paned.vertical > separator.wide,
    paned.vertical > separator.wide {
      margin: 0;
      padding: 0;
      background-repeat: repeat-x, repeat-x;
      background-position: bottom, top; }

/************
 * Pathbars *
 ************/
.path-bar button.text-button, .path-bar button.image-button, .path-bar button {
  padding-left: 4px;
  padding-right: 4px; }
.path-bar button.text-button.image-button label {
  padding-left: 0;
  padding-right: 0; }
.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
  padding-right: 8px; }
.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
  padding-left: 8px; }
.path-bar button image {
  padding-left: 4px;
  padding-right: 4px; }
.path-bar button.slider-button {
  padding-left: 0;
  padding-right: 0; }

/************
 * Popovers *
 ************/
popover.background {
  padding: 2px;
  border-radius: 4px;
  border: none;
  background-color: #455a64;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
  .csd popover.background, popover.background {
    border: 1px solid #222c31; }
  popover.background:backdrop {
    background-color: #37474f;
    box-shadow: none; }
  popover.background > list,
  popover.background > .view,
  popover.background > GtkIconView,
  popover.background > iconview,
  popover.background > toolbar,
  popover.background > .toolbar {
    border-style: none;
    background-color: transparent; }
  .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  popover.background .separator, popover.background separator {
    margin: 3px; }
  popover.background list separator {
    margin: 0px; }

/****************
 * Print dialog *
*****************/
printdialog paper {
  color: #cfd8dc;
  border: 1px solid #222c31;
  background: white;
  padding: 0; }
  printdialog paper:backdrop {
    color: #839096;
    border-color: #242f34; }
printdialog .dialog-action-box {
  margin: 12px; }

/*****************
 * Progress bars *
 *****************/
GtkProgressBar,
.progressbar,
progressbar {
  font-size: smaller;
  color: rgba(207, 216, 220, 0.4); }
  GtkProgressBar.horizontal trough,
  GtkProgressBar.horizontal .trough,
  GtkProgressBar.horizontal progress,
  .progressbar.horizontal trough,
  .progressbar.horizontal .trough,
  .progressbar.horizontal progress,
  progressbar.horizontal trough,
  progressbar.horizontal .trough,
  progressbar.horizontal progress {
    min-height: 4px; }
  GtkProgressBar.vertical trough,
  GtkProgressBar.vertical .trough,
  GtkProgressBar.vertical progress,
  .progressbar.vertical trough,
  .progressbar.vertical .trough,
  .progressbar.vertical progress,
  progressbar.vertical trough,
  progressbar.vertical .trough,
  progressbar.vertical progress {
    min-width: 4px; }
  GtkProgressBar.horizontal progress,
  .progressbar.horizontal progress,
  progressbar.horizontal progress {
    margin: 0 -1px; }
  GtkProgressBar.vertical progress,
  .progressbar.vertical progress,
  progressbar.vertical progress {
    margin: -1px 0; }
  GtkProgressBar:active,
  .progressbar:active,
  progressbar:active {
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.5);
    background-color: #2196f3;
    border-color: #0c7cd5; }
    GtkProgressBar:active:backdrop,
    .progressbar:active:backdrop,
    progressbar:active:backdrop {
      background-color: #51adf6;
      border-color: #2196f3; }
  GtkProgressBar:backdrop,
  .progressbar:backdrop,
  progressbar:backdrop {
    transition: 200ms ease-out; }
  GtkProgressBar .progressbar,
  GtkProgressBar progress,
  .progressbar .progressbar,
  .progressbar progress,
  progressbar .progressbar,
  progressbar progress {
    border-radius: 0px; }
    GtkProgressBar .progressbar.left,
    GtkProgressBar progress.left,
    .progressbar .progressbar.left,
    .progressbar progress.left,
    progressbar .progressbar.left,
    progressbar progress.left {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px; }
    GtkProgressBar .progressbar.right,
    GtkProgressBar progress.right,
    .progressbar .progressbar.right,
    .progressbar progress.right,
    progressbar .progressbar.right,
    progressbar progress.right {
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px; }
    GtkProgressBar .progressbar.top,
    GtkProgressBar progress.top,
    .progressbar .progressbar.top,
    .progressbar progress.top,
    progressbar .progressbar.top,
    progressbar progress.top {
      border-top-right-radius: 0px;
      border-top-left-radius: 0px; }
    GtkProgressBar .progressbar.bottom,
    GtkProgressBar progress.bottom,
    .progressbar .progressbar.bottom,
    .progressbar progress.bottom,
    progressbar .progressbar.bottom,
    progressbar progress.bottom {
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px; }
  GtkProgressBar.osd,
  .progressbar.osd,
  progressbar.osd {
    min-width: 3px;
    min-height: 3px;
    background-color: transparent; }
    GtkProgressBar.osd .trough,
    GtkProgressBar.osd trough,
    .progressbar.osd .trough,
    .progressbar.osd trough,
    progressbar.osd .trough,
    progressbar.osd trough {
      border-style: none;
      border-radius: 0;
      background-color: transparent;
      box-shadow: none; }
    GtkProgressBar.osd .progressbar,
    GtkProgressBar.osd progress,
    .progressbar.osd .progressbar,
    .progressbar.osd progress,
    progressbar.osd .progressbar,
    progressbar.osd progress {
      border-style: none;
      border-radius: 0; }
  GtkProgressBar row:selected,
  GtkProgressBar .list-row:selected,
  .progressbar row:selected,
  .progressbar .list-row:selected,
  progressbar row:selected,
  progressbar .list-row:selected {
    border: 1px solid #0c7cd5;
    color: rgba(0, 0, 0, 0.5);
    background-color: #2196f3; }

/************
 * GtkScale *
 ************/
levelbar trough, levelbar.horizontal trough,
levelbar.horizontal .trough, levelbar.vertical trough,
levelbar.vertical .trough, GtkProgressBar,
.progressbar,
progressbar, scale trough, scale fill {
  border: none;
  background-color: #455a64;
  box-shadow: 0px 1px rgba(255, 255, 255, 0.1);
  border: 1px solid #222c31;
  padding: 0;
  margin: 0; }
  levelbar trough:disabled,
  levelbar.horizontal .trough:disabled,
  levelbar.vertical .trough:disabled, GtkProgressBar:disabled,
  .progressbar:disabled,
  progressbar:disabled, scale trough:disabled, scale fill:disabled {
    background-color: #3d4f57;
    box-shadow: none; }
  levelbar trough:backdrop,
  levelbar.horizontal .trough:backdrop,
  levelbar.vertical .trough:backdrop, GtkProgressBar:backdrop,
  .progressbar:backdrop,
  progressbar:backdrop, scale trough:backdrop, scale fill:backdrop {
    background-color: #475d67;
    transition: 200ms ease-out; }
    levelbar trough:backdrop:disabled,
    levelbar.horizontal .trough:backdrop:disabled,
    levelbar.vertical .trough:backdrop:disabled, GtkProgressBar:backdrop:disabled,
    .progressbar:backdrop:disabled,
    progressbar:backdrop:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled {
      background-color: #3d4f57; }
  row:selected levelbar trough, levelbar row:selected trough,
  row:selected levelbar.horizontal .trough,
  levelbar.horizontal row:selected .trough,
  row:selected levelbar.vertical .trough,
  levelbar.vertical row:selected .trough, row:selected GtkProgressBar,
  row:selected .progressbar,
  row:selected progressbar, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill {
    box-shadow: none; }
    row:selected levelbar trough, levelbar row:selected trough,
    row:selected levelbar.horizontal .trough,
    levelbar.horizontal row:selected .trough,
    row:selected levelbar.vertical .trough,
    levelbar.vertical row:selected .trough, row:selected GtkProgressBar,
    row:selected .progressbar,
    row:selected progressbar, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected levelbar trough:disabled, levelbar row:selected trough:disabled,
    row:selected levelbar.horizontal .trough:disabled,
    levelbar.horizontal row:selected .trough:disabled,
    row:selected levelbar.vertical .trough:disabled,
    levelbar.vertical row:selected .trough:disabled, row:selected GtkProgressBar:disabled,
    row:selected .progressbar:disabled,
    row:selected progressbar:disabled, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled {
      border-color: #222c31; }
  .osd levelbar trough, levelbar .osd trough,
  .osd levelbar.horizontal .trough,
  levelbar.horizontal .osd .trough,
  .osd levelbar.vertical .trough,
  levelbar.vertical .osd .trough, .osd GtkProgressBar,
  .osd .progressbar,
  .osd progressbar, .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill {
    border-color: rgba(0, 0, 0, 0.7);
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: none;
    outline-color: rgba(207, 216, 220, 0.2); }
    .osd levelbar trough:disabled, levelbar .osd trough:disabled,
    .osd levelbar.horizontal .trough:disabled,
    levelbar.horizontal .osd .trough:disabled,
    .osd levelbar.vertical .trough:disabled,
    levelbar.vertical .osd .trough:disabled, .osd GtkProgressBar:disabled,
    .osd .progressbar:disabled,
    .osd progressbar:disabled, .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled {
      background-color: rgba(50, 55, 56, 0.5); }

GtkProgressBar .progressbar,
GtkProgressBar progress,
.progressbar .progressbar,
.progressbar progress,
progressbar .progressbar,
progressbar progress, scale highlight {
  border: 1px solid #222c31;
  background-color: #2196f3;
  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.3);
  border-radius: 4px; }
  GtkProgressBar .progressbar:disabled,
  GtkProgressBar progress:disabled,
  .progressbar .progressbar:disabled,
  .progressbar progress:disabled,
  progressbar .progressbar:disabled,
  progressbar progress:disabled, scale highlight:disabled {
    border: 1px solid #222c31;
    background-color: rgba(0, 0, 0, 0.1); }
  GtkProgressBar .progressbar:backdrop,
  GtkProgressBar progress:backdrop,
  .progressbar .progressbar:backdrop,
  .progressbar progress:backdrop,
  progressbar .progressbar:backdrop,
  progressbar progress:backdrop, GtkProgressBar:backdrop .progressbar,
  .progressbar:backdrop .progressbar,
  progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress,
  .progressbar:backdrop progress,
  progressbar:backdrop progress, scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop,
  GtkProgressBar progress:active:backdrop,
  .progressbar .progressbar:active:backdrop,
  .progressbar progress:active:backdrop,
  progressbar .progressbar:active:backdrop,
  progressbar progress:active:backdrop, GtkProgressBar:backdrop .progressbar:active,
  .progressbar:backdrop .progressbar:active,
  progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active,
  .progressbar:backdrop progress:active,
  progressbar:backdrop progress:active, scale highlight:active:backdrop {
    border-color: #51adf6;
    background-color: #51adf6; }
    GtkProgressBar .progressbar:backdrop:disabled,
    GtkProgressBar progress:backdrop:disabled,
    .progressbar .progressbar:backdrop:disabled,
    .progressbar progress:backdrop:disabled,
    progressbar .progressbar:backdrop:disabled,
    progressbar progress:backdrop:disabled, GtkProgressBar:backdrop .progressbar:disabled,
    .progressbar:backdrop .progressbar:disabled,
    progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled,
    .progressbar:backdrop progress:disabled,
    progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled,
    GtkProgressBar progress:active:backdrop:disabled,
    .progressbar .progressbar:active:backdrop:disabled,
    .progressbar progress:active:backdrop:disabled,
    progressbar .progressbar:active:backdrop:disabled,
    progressbar progress:active:backdrop:disabled, GtkProgressBar:backdrop .progressbar:active:disabled,
    .progressbar:backdrop .progressbar:active:disabled,
    progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled,
    .progressbar:backdrop progress:active:disabled,
    progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled {
      background-color: transparent;
      border-color: transparent; }
  row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled,
  row:selected GtkProgressBar progress:disabled,
  GtkProgressBar row:selected progress:disabled,
  row:selected .progressbar .progressbar:disabled,
  .progressbar row:selected .progressbar:disabled,
  row:selected .progressbar progress:disabled,
  .progressbar row:selected progress:disabled,
  row:selected progressbar .progressbar:disabled,
  progressbar row:selected .progressbar:disabled,
  row:selected progressbar progress:disabled,
  progressbar row:selected progress:disabled, row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar,
  row:selected GtkProgressBar progress,
  GtkProgressBar row:selected progress,
  row:selected .progressbar .progressbar,
  .progressbar row:selected .progressbar,
  row:selected .progressbar progress,
  .progressbar row:selected progress,
  row:selected progressbar .progressbar,
  progressbar row:selected .progressbar,
  row:selected progressbar progress,
  progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight {
    border-color: #222c31; }
  .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar,
  .osd GtkProgressBar progress,
  GtkProgressBar .osd progress,
  .osd .progressbar .progressbar,
  .progressbar .osd .progressbar,
  .osd .progressbar progress,
  .progressbar .osd progress,
  .osd progressbar .progressbar,
  progressbar .osd .progressbar,
  .osd progressbar progress,
  progressbar .osd progress, .osd scale highlight, scale .osd highlight {
    border-color: rgba(0, 0, 0, 0.7); }
    .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled,
    .osd GtkProgressBar progress:disabled,
    GtkProgressBar .osd progress:disabled,
    .osd .progressbar .progressbar:disabled,
    .progressbar .osd .progressbar:disabled,
    .osd .progressbar progress:disabled,
    .progressbar .osd progress:disabled,
    .osd progressbar .progressbar:disabled,
    progressbar .osd .progressbar:disabled,
    .osd progressbar progress:disabled,
    progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled {
      border-color: transparent; }

scale {
  min-height: 10px;
  min-width: 10px;
  padding: 8px; }
  scale fill,
  scale highlight {
    margin: -1px; }
  scale slider {
    min-height: 18px;
    min-width: 18px;
    margin: -9px 0;
    background-color: #455a64;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    border: 1px solid #222c31;
    border-radius: 12px;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-property: background, border, box-shadow; }
    scale slider.horizontal {
      margin: 0 -9px; }
    scale slider:active {
      box-shadow: 0 1px 2px 0 rgba(33, 150, 243, 0.5);
      border: 1px solid #2196f3; }
      scale slider:active:disabled {
        box-shadow: none;
        border: 1px solid rgba(0, 0, 0, 0.2); }
  scale.fine-tune.horizontal {
    padding-top: 9px;
    padding-bottom: 9px;
    min-height: 16px; }
  scale.fine-tune.vertical {
    padding-left: 9px;
    padding-right: 9px;
    min-width: 16px; }
  scale.fine-tune slider {
    margin: -6px; }
  scale.fine-tune fill,
  scale.fine-tune highlight,
  scale.fine-tune trough {
    border-radius: 5px;
    -gtk-outline-radius: 7px; }
  scale trough {
    outline-offset: 2px;
    -gtk-outline-radius: 5px; }
  scale fill, scale fill:backdrop {
    background-color: #222c31;
    box-shadow: none; }
  scale fill:disabled, scale fill:disabled:backdrop {
    border-color: transparent;
    background-color: transparent; }
  .osd scale fill {
    background-color: rgba(79, 83, 84, 0.775); }
    .osd scale fill:disabled, .osd scale fill:disabled:backdrop {
      border-color: transparent;
      background-color: transparent; }
  scale slider {
    border: 1px solid #1c2428;
    border-radius: 100%;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-property: background, border, box-shadow; }
    scale slider:active {
      border-color: #222c31; }
    scale slider:disabled {
      border-color: #222c31;
      background-image: none;
      background-color: #3d4f57;
      text-shadow: none;
      box-shadow: none;
      -gtk-icon-shadow: none; }
      scale slider:disabled GtkLabel, scale slider:disabled {
        color: #839096; }
      scale slider:disabled label, scale slider:disabled {
        color: #839096; }
    scale slider:backdrop {
      transition: 200ms ease-out;
      border-color: #242f34;
      background-image: linear-gradient(to bottom, #37474f);
      text-shadow: none;
      -gtk-icon-shadow: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
      scale slider:backdrop GtkLabel, scale slider:backdrop {
        color: #839096; }
      scale slider:backdrop label, scale slider:backdrop {
        color: #839096; }
      scale slider:backdrop:disabled {
        border-color: #242f34;
        background-image: none;
        background-color: #3d4f57;
        text-shadow: none;
        -gtk-icon-shadow: none;
        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
        scale slider:backdrop:disabled GtkLabel, scale slider:backdrop:disabled {
          color: #56707c; }
        scale slider:backdrop:disabled label, scale slider:backdrop:disabled {
          color: #56707c; }
    row:selected scale slider, row:selected scale slider:disabled {
      border-color: #222c31; }
    .osd scale slider {
      color: #cfd8dc;
      border-color: rgba(0, 0, 0, 0.7);
      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
      background-clip: padding-box;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
      text-shadow: 0 1px black;
      -gtk-icon-shadow: 0 1px black;
      outline-color: rgba(207, 216, 220, 0.3);
      border-color: rgba(0, 0, 0, 0.7);
      background-color: #202526; }
      .osd scale slider:hover {
        color: white;
        border-color: rgba(0, 0, 0, 0.7);
        background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
        background-clip: padding-box;
        box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
        text-shadow: 0 1px black;
        -gtk-icon-shadow: 0 1px black;
        outline-color: rgba(207, 216, 220, 0.3); }
      .osd scale slider:active {
        color: white;
        border-color: rgba(0, 0, 0, 0.7);
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
        background-clip: padding-box;
        box-shadow: none;
        text-shadow: none;
        -gtk-icon-shadow: none;
        outline-color: rgba(207, 216, 220, 0.3); }
      .osd scale slider:disabled {
        color: #787f81;
        border-color: rgba(0, 0, 0, 0.7);
        background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
        background-clip: padding-box;
        box-shadow: none;
        text-shadow: none;
        -gtk-icon-shadow: none; }
      .osd scale slider:backdrop {
        color: #cfd8dc;
        border-color: rgba(0, 0, 0, 0.7);
        background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
        background-clip: padding-box;
        box-shadow: none;
        text-shadow: none;
        -gtk-icon-shadow: none; }
  scale value {
    color: alpha(currentColor,0.4); }
  scale marks {
    color: alpha(currentColor,0.4); }
    scale marks.top {
      margin-bottom: 6px;
      margin-top: -12px; }
    scale marks.bottom {
      margin-top: 6px;
      margin-bottom: -12px; }
    scale marks.top {
      margin-right: 6px;
      margin-left: -12px; }
    scale marks.bottom {
      margin-left: 6px;
      margin-right: -12px; }
  scale.fine-tune marks.top {
    margin-bottom: 6px;
    margin-top: -9px; }
  scale.fine-tune marks.bottom {
    margin-top: 6px;
    margin-bottom: -9px; }
  scale.fine-tune marks.top {
    margin-right: 6px;
    margin-left: -9px; }
  scale.fine-tune marks.bottom {
    margin-left: 6px;
    margin-right: -9px; }
  scale.horizontal indicator {
    min-height: 6px;
    min-width: 1px; }
  scale.horizontal.fine-tune indicator {
    min-height: 3px; }
  scale.vertical indicator {
    min-height: 1px;
    min-width: 6px; }
  scale.vertical.fine-tune indicator {
    min-width: 3px; }
  scale.color.horizontal slider:hover, scale.color.horizontal slider:backdrop, scale.color.horizontal slider:disabled, scale.color.horizontal slider:backdrop:disabled, scale.color.horizontal slider,
  scale.horizontal contents:last-child:not(:only-child) > trough > slider {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-top: -11px; }
  scale.color.horizontal slider:hover, scale.color.horizontal slider:hover:backdrop:disabled,
  scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-top: -11px; }
  scale.color.horizontal slider:active:backdrop:disabled, scale.color.horizontal slider:active,
  scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-top: -11px; }
  scale.color.horizontal slider:disabled,
  scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-top: -11px; }
  scale.color.horizontal slider:backdrop,
  scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-top: -11px; }
  scale.color.horizontal slider:backdrop:disabled,
  scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-top: -11px; }
  scale.horizontal contents:first-child:not(:only-child) > trough > slider {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-bottom: -11px; }
  scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-bottom: -11px; }
  scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-bottom: -11px; }
  scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-bottom: -11px; }
  scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-bottom: -11px; }
  scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
    min-height: 26px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-bottom: -11px; }
  scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider,
  scale.vertical contents:last-child:not(:only-child) > trough > slider {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-left: -11px; }
  scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled,
  scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-left: -11px; }
  scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, scale.color.vertical:dir(rtl) slider:active,
  scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-left: -11px; }
  scale.color.vertical:dir(rtl) slider:disabled,
  scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-left: -11px; }
  scale.color.vertical:dir(rtl) slider:backdrop,
  scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-left: -11px; }
  scale.color.vertical:dir(rtl) slider:backdrop:disabled,
  scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-left: -11px; }
  scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider,
  scale.vertical contents:first-child:not(:only-child) > trough > slider {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-right: -11px; }
  scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled,
  scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-right: -11px; }
  scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, scale.color.vertical:dir(ltr) slider:active,
  scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-right: -11px; }
  scale.color.vertical:dir(ltr) slider:disabled,
  scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-right: -11px; }
  scale.color.vertical:dir(ltr) slider:backdrop,
  scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-right: -11px; }
  scale.color.vertical:dir(ltr) slider:backdrop:disabled,
  scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; }
  scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
    margin: -7px;
    margin-right: -11px; }
  scale.color {
    min-height: 0;
    min-width: 0; }
    scale.color trough {
      background-image: linear-gradient(to top, #222c31);
      background-repeat: no-repeat; }
    scale.color.horizontal {
      padding: 0 0 15px 0; }
      scale.color.horizontal trough {
        padding-bottom: 4px;
        background-position: 0 -3px;
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
      scale.color.horizontal slider:hover, scale.color.horizontal slider:backdrop, scale.color.horizontal slider:disabled, scale.color.horizontal slider:backdrop:disabled, scale.color.horizontal slider {
        margin-bottom: -15px;
        margin-top: 6px; }
    scale.color.vertical:dir(ltr) {
      padding: 0 0 0 15px; }
      scale.color.vertical:dir(ltr) trough {
        padding-left: 4px;
        background-position: 3px 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
      scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider {
        margin-left: -15px;
        margin-right: 6px; }
    scale.color.vertical:dir(rtl) {
      padding: 0 15px 0 0; }
      scale.color.vertical:dir(rtl) trough {
        padding-right: 4px;
        background-position: -3px 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
      scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider {
        margin-right: -15px;
        margin-left: 6px; }
    scale.color.fine-tune.horizontal {
      padding: 0 0 12px 0; }
      scale.color.fine-tune.horizontal trough {
        padding-bottom: 7px;
        background-position: 0 -6px; }
      scale.color.fine-tune.horizontal slider {
        margin-bottom: -15px;
        margin-top: 6px; }
    scale.color.fine-tune.vertical:dir(ltr) {
      padding: 0 0 0 12px; }
      scale.color.fine-tune.vertical:dir(ltr) trough {
        padding-left: 7px;
        background-position: 6px 0; }
      scale.color.fine-tune.vertical:dir(ltr) slider {
        margin-left: -15px;
        margin-right: 6px; }
    scale.color.fine-tune.vertical:dir(rtl) {
      padding: 0 12px 0 0; }
      scale.color.fine-tune.vertical:dir(rtl) trough {
        padding-right: 7px;
        background-position: -6px 0; }
      scale.color.fine-tune.vertical:dir(rtl) slider {
        margin-right: -15px;
        margin-left: 6px; }

/**************
 * Scrollbars *
 **************/
.scrollbar,
scrollbar {
  background-color: transparent;
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  * {
    -GtkScrollbar-has-backward-stepper: false;
    -GtkScrollbar-has-forward-stepper: false; }
  .scrollbar.top,
  scrollbar.top {
    border-bottom: 1px solid #222c31; }
  .scrollbar.bottom,
  scrollbar.bottom {
    border-top: 1px solid #222c31; }
  .scrollbar.left,
  scrollbar.left {
    border-right: 1px solid #222c31; }
  .scrollbar.right,
  scrollbar.right {
    border-left: 1px solid #222c31; }
  .scrollbar:backdrop,
  scrollbar:backdrop {
    background-color: #313f46;
    border-color: #242f34;
    transition: 200ms ease-out; }
  .scrollbar slider,
  scrollbar slider {
    min-width: 6px;
    min-height: 6px;
    margin: -1px;
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #929ea4; }
    .scrollbar slider:hover,
    scrollbar slider:hover {
      background-color: #b1bbc0; }
    .scrollbar slider:hover:active,
    scrollbar slider:hover:active {
      background-color: #51adf6; }
    .scrollbar slider:backdrop,
    scrollbar slider:backdrop {
      background-color: #55646b; }
    .scrollbar slider:disabled,
    scrollbar slider:disabled {
      background-color: transparent; }
  .scrollbar.fine-tune .slider,
  .scrollbar.fine-tune slider,
  scrollbar.fine-tune .slider,
  scrollbar.fine-tune slider {
    min-width: 4px;
    min-height: 4px; }
  .scrollbar.fine-tune.horizontal slider,
  scrollbar.fine-tune.horizontal slider {
    border-width: 5px 4px; }
  .scrollbar.fine-tune.vertical slider,
  scrollbar.fine-tune.vertical slider {
    border-width: 4px 5px; }
  .scrollbar.overlay-indicator:not(.dragging):not(.hovering),
  scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
    border-color: transparent;
    opacity: 0.4;
    background-color: transparent; }
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider,
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
      margin: 0;
      min-width: 3px;
      min-height: 3px;
      background-color: #cfd8dc;
      border: 1px solid black; }
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button,
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
      min-width: 5px;
      min-height: 5px;
      background-color: #cfd8dc;
      background-clip: padding-box;
      border-radius: 100%;
      border: 1px solid black;
      -gtk-icon-source: none; }
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider,
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
      margin: 0 2px;
      min-width: 40px; }
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button,
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
      margin: 1px 2px;
      min-width: 5px; }
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider,
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
      margin: 2px 0;
      min-height: 40px; }
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button,
    .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button,
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
      margin: 2px 1px;
      min-height: 5px; }
  .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering,
  scrollbar.overlay-indicator.dragging,
  scrollbar.overlay-indicator.hovering {
    opacity: 0.8; }
  .scrollbar.horizontal slider,
  scrollbar.horizontal slider {
    min-width: 40px; }
  .scrollbar.vertical slider,
  scrollbar.vertical slider {
    min-height: 40px; }
  .scrollbar .button,
  .scrollbar button,
  scrollbar .button,
  scrollbar button {
    padding: 0;
    min-width: 12px;
    min-height: 12px;
    border-style: none;
    border-radius: 0;
    transition-property: min-height, min-width, color;
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: #929ea4; }
    .scrollbar .button:hover,
    .scrollbar button:hover,
    scrollbar .button:hover,
    scrollbar button:hover {
      border-color: transparent;
      background-color: transparent;
      background-image: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
      text-shadow: none;
      -gtk-icon-shadow: none;
      color: #b1bbc0; }
    .scrollbar .button:active, .scrollbar .button:checked,
    .scrollbar button:active,
    .scrollbar button:checked,
    scrollbar .button:active,
    scrollbar .button:checked,
    scrollbar button:active,
    scrollbar button:checked {
      border-color: transparent;
      background-color: transparent;
      background-image: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
      text-shadow: none;
      -gtk-icon-shadow: none;
      color: #51adf6; }
    .scrollbar .button:disabled,
    .scrollbar button:disabled,
    scrollbar .button:disabled,
    scrollbar button:disabled {
      border-color: transparent;
      background-color: transparent;
      background-image: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
      text-shadow: none;
      -gtk-icon-shadow: none;
      color: rgba(146, 158, 164, 0.2); }
    .scrollbar .button:backdrop,
    .scrollbar button:backdrop,
    scrollbar .button:backdrop,
    scrollbar button:backdrop {
      border-color: transparent;
      background-color: transparent;
      background-image: none;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
      text-shadow: none;
      -gtk-icon-shadow: none;
      color: #55646b; }
      .scrollbar .button:backdrop:disabled,
      .scrollbar button:backdrop:disabled,
      scrollbar .button:backdrop:disabled,
      scrollbar button:backdrop:disabled {
        border-color: transparent;
        background-color: transparent;
        background-image: none;
        box-shadow: inset 0 1px rgba(255, 255, 255, 0);
        text-shadow: none;
        -gtk-icon-shadow: none;
        color: rgba(85, 100, 107, 0.2); }
  .scrollbar.vertical .button.down,
  .scrollbar.vertical button.down,
  scrollbar.vertical .button.down,
  scrollbar.vertical button.down {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  .scrollbar.vertical .button.up,
  .scrollbar.vertical button.up,
  scrollbar.vertical .button.up,
  scrollbar.vertical button.up {
    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
  .scrollbar.horizontal .button.down,
  .scrollbar.horizontal button.down,
  scrollbar.horizontal .button.down,
  scrollbar.horizontal button.down {
    -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
  .scrollbar.horizontal .button.up,
  .scrollbar.horizontal button.up,
  scrollbar.horizontal .button.up,
  scrollbar.horizontal button.up {
    -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }

treeview ~ scrollbar.vertical {
  border-top: 1px solid #222c31;
  margin-top: -1px; }

/***********
 * Sidebar *
 ***********/
.sidebar {
  border-style: solid;
  background-color: #37474f; }
  stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
    border-right: 1px solid #222c31;
    border-left-style: none; }
  stacksidebar.sidebar:dir(rtl) list
  .sidebar:dir(rtl), stacksidebar.sidebar.right list
  .sidebar:dir(rtl), .sidebar.right {
    border-left: 1px solid #222c31;
    border-right-style: none; }
  .sidebar:backdrop {
    background-color: #3f525b;
    border-color: #242f34;
    transition: 200ms ease-out; }
  .sidebar list {
    background-color: transparent; }
  .sidebar .frame {
    border-width: 0;
    border-right-width: 1px; }
  .sidebar .list-row,
  .sidebar row {
    border: none;
    padding: 5px 8px; }
    .sidebar .list-row > GtkLabel,
    .sidebar .list-row > label,
    .sidebar row > GtkLabel,
    .sidebar row > label {
      padding-left: 6px;
      padding-right: 6px; }
    .sidebar .list-row.needs-attention > label,
    .sidebar row.needs-attention > label {
      background-size: 6px 6px, 0 0; }
  .sidebar .separator {
    color: #222c31; }
  .sidebar > .inline-toolbar {
    border-radius: 0; }
  .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
    border-style: none; }

stacksidebar .list-row,
stacksidebar row {
  padding: 5px 8px; }
  stacksidebar .list-row > label,
  stacksidebar row > label {
    padding-left: 6px;
    padding-right: 6px; }
  stacksidebar .list-row.needs-attention > label,
  stacksidebar row.needs-attention > label {
    background-size: 6px 6px, 0 0; }

/*****************
 * GtkSpinButton *
 *****************/
spinbutton:not(.vertical) entry {
  min-width: 28px;
  margin: 0;
  padding: 0;
  background: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none; }
spinbutton:not(.vertical) button {
  min-height: 16px;
  margin: 0;
  padding: 6px;
  color: #c1cbd0;
  background-image: none;
  border-style: none none none solid;
  border-color: rgba(34, 44, 49, 0.3);
  border-radius: 0;
  box-shadow: none; }
  spinbutton:not(.vertical) button:dir(rtl) {
    border-style: none solid none none; }
  spinbutton:not(.vertical) button:hover {
    color: #cfd8dc;
    background-color: rgba(207, 216, 220, 0.05); }
  spinbutton:not(.vertical) button:disabled {
    color: rgba(131, 144, 150, 0.3); }
  spinbutton:not(.vertical) button:active {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
  spinbutton:not(.vertical) button:backdrop {
    color: #7d8b91;
    background-color: transparent;
    border-color: rgba(36, 47, 52, 0.3);
    transition: 200ms ease-out; }
  spinbutton:not(.vertical) button:backdrop:disabled {
    color: rgba(86, 112, 124, 0.3);
    background-image: none;
    border-style: none none none solid; }
    spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
      border-style: none solid none none; }
.osd spinbutton:not(.vertical) button {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  text-shadow: none;
  -gtk-icon-shadow: none;
  color: #cfd8dc;
  border-style: none none none solid;
  border-color: rgba(0, 0, 0, 0.4);
  border-radius: 0;
  box-shadow: none; }
  .osd spinbutton:not(.vertical) button:dir(rtl) {
    border-style: none solid none none; }
  .osd spinbutton:not(.vertical) button:hover {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: #cfd8dc;
    border-color: rgba(0, 0, 0, 0.5);
    background-color: rgba(207, 216, 220, 0.1);
    box-shadow: none; }
  .osd spinbutton:not(.vertical) button:backdrop {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: #cfd8dc;
    border-color: rgba(0, 0, 0, 0.5);
    box-shadow: none; }
  .osd spinbutton:not(.vertical) button:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: #787f81;
    border-color: rgba(0, 0, 0, 0.5);
    box-shadow: none; }
  .osd spinbutton:not(.vertical) button:last-child {
    border-radius: 0 3px 3px 0; }
  .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
    border-radius: 3px 0 0 3px; }
spinbutton.vertical:disabled {
  color: #839096; }
spinbutton.vertical:backdrop:disabled {
  color: #56707c; }
spinbutton.vertical:drop(active) {
  border-color: transparent;
  box-shadow: none; }
spinbutton.vertical .entry,
spinbutton.vertical entry {
  min-height: 24px;
  min-width: 32px;
  padding: 0;
  border-radius: 0; }
spinbutton.vertical .button,
spinbutton.vertical button {
  min-height: 32px;
  min-width: 32px;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  color: #cfd8dc; }
  spinbutton.vertical .button:hover,
  spinbutton.vertical button:hover {
    background-color: #2196f3;
    color: #ffffff;
    -gtk-icon-shadow: none; }
  spinbutton.vertical .button:active,
  spinbutton.vertical button:active {
    background-color: transparent;
    color: #cfd8dc; }
spinbutton.vertical .button.up,
spinbutton.vertical button.up {
  border-radius: 3px 3px 0 0;
  border-style: solid solid none solid; }
spinbutton.vertical .button.down,
spinbutton.vertical button.down {
  border-radius: 0 0 3px 3px;
  border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child {
  color: #cfd8dc;
  border-color: rgba(0, 0, 0, 0.7);
  background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
  background-clip: padding-box;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  text-shadow: 0 1px black;
  -gtk-icon-shadow: 0 1px black;
  outline-color: rgba(207, 216, 220, 0.3); }
  .osd spinbutton.vertical button:first-child:hover {
    color: white;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px black;
    -gtk-icon-shadow: 0 1px black;
    outline-color: rgba(207, 216, 220, 0.3); }
  .osd spinbutton.vertical button:first-child:active {
    color: white;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(207, 216, 220, 0.3); }
  .osd spinbutton.vertical button:first-child:disabled {
    color: #787f81;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none; }
  .osd spinbutton.vertical button:first-child:backdrop {
    color: #cfd8dc;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none; }
GtkTreeView spinbutton:not(.vertical), treeview spinbutton:not(.vertical) {
  min-height: 0;
  border-style: none;
  border-radius: 0; }
  GtkTreeView spinbutton:not(.vertical) .entry,
  GtkTreeView spinbutton:not(.vertical) entry, treeview spinbutton:not(.vertical) .entry,
  treeview spinbutton:not(.vertical) entry {
    min-height: 0;
    padding: 1px 2px; }

/***********
 * Spinner *
 ***********/
menu spinner {
  color: #2196f3; }

/*********************
 * Spinner Animation *
 *********************/
@keyframes spin {
  to {
    -gtk-icon-transform: rotate(1turn); } }
.spinner,
spinner {
  background-image: none;
  background: none;
  opacity: 0;
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
  .spinner:active, .spinner:checked,
  spinner:active,
  spinner:checked {
    opacity: 1;
    animation: spin 1s linear infinite; }
    .spinner:active:disabled, .spinner:checked:disabled,
    spinner:active:disabled,
    spinner:checked:disabled {
      opacity: 0.5; }

/**********
 * Switch *
 **********/
switch {
  font: 1;
  font-weight: bold;
  outline-offset: -4px;
  transition: all 200ms ease-in;
  border: none;
  border-radius: 14px;
  color: transparent;
  padding: 2px;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); }
  switch:disabled {
    background-color: #3d4f57; }
  switch:backdrop {
    background-color: #37474f;
    transition: 200ms ease-out; }
    switch:backdrop:disabled {
      background-color: #3d4f57; }
  switch:active, switch:checked {
    background-color: #2196f3; }
    switch:active:backdrop, switch:checked:backdrop {
      background-color: #39a1f4; }
      switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop {
        box-shadow: none;
        background-color: rgba(69, 90, 100, 0.9);
        border: none; }
  switch slider {
    padding: 2px;
    min-width: 16px;
    min-height: 16px;
    border-radius: 50%;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: #455a64;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }
    switch slider:backdrop {
      padding: 2px;
      box-shadow: none;
      background-color: #455a64; }
  switch trough:active, switch trough:checked {
    background-color: #2196f3; }
    switch trough:active:backdrop, switch trough:checked:backdrop {
      background-color: #39a1f4; }

/************
 * Toolbars *
 ************/
toolbar {
  padding: 0px;
  background-color: #303f46;
  color: rgba(255, 255, 255, 0.8); }
  toolbar:backdrop {
    background-color: #263137;
    color: rgba(255, 255, 255, 0.6); }

.osd toolbar {
  box-shadow: none;
  background-color: transparent; }
toolbar button {
  background-color: transparent;
  background-image: none;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  -gtk-icon-shadow: none;
  margin: 0;
  padding: 10px;
  text-shadow: none; }
  toolbar button.suggested-action, toolbar button.text-button, toolbar button.menu-button, toolbar button.image-button, toolbar button.linked, toolbar button.flat {
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    -gtk-icon-shadow: none;
    margin: 0;
    padding: 10px;
    text-shadow: none;
    color: rgba(255, 255, 255, 0.8); }
    toolbar button.suggested-action:backdrop, toolbar button.text-button:backdrop, toolbar button.menu-button:backdrop, toolbar button.image-button:backdrop, toolbar button.linked:backdrop, toolbar button.flat:backdrop {
      background-color: transparent;
      background-image: none;
      text-shadow: none;
      color: rgba(255, 255, 255, 0.6); }
    toolbar button.suggested-action:hover, toolbar button.text-button:hover, toolbar button.menu-button:hover, toolbar button.image-button:hover, toolbar button.linked:hover, toolbar button.flat:hover {
      background-image: none;
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.8);
      box-shadow: none;
      text-shadow: none; }
    toolbar button.suggested-action:disabled, toolbar button.text-button:disabled, toolbar button.menu-button:disabled, toolbar button.image-button:disabled, toolbar button.linked:disabled, toolbar button.flat:disabled {
      color: rgba(255, 255, 255, 0.6);
      -gtk-icon-effect: dim; }
  toolbar button label,
  toolbar button image {
    color: rgba(255, 255, 255, 0.8); }
    toolbar button label:disabled, toolbar button label:backdrop,
    toolbar button image:disabled,
    toolbar button image:backdrop {
      color: rgba(255, 255, 255, 0.6);
      -gtk-icon-effect: dim; }
  toolbar button:focus, toolbar button:hover {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.8);
    box-shadow: none;
    text-shadow: none; }
  toolbar button:backdrop {
    background-color: transparent;
    background-image: none;
    color: rgba(255, 255, 255, 0.6); }
    toolbar button:backdrop image {
      color: rgba(255, 255, 255, 0.6); }
  toolbar button:active, toolbar button:checked {
    border-radius: 0px;
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8);
    background-color: transparent;
    background-image: none;
    color: rgba(255, 255, 255, 0.8); }
    toolbar button:active:backdrop, toolbar button:checked:backdrop {
      background-color: transparent;
      background-image: none;
      color: rgba(255, 255, 255, 0.6);
      box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.6); }
    toolbar button:active:focus, toolbar button:active:hover, toolbar button:checked:focus, toolbar button:checked:hover {
      background-image: none;
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.8);
      box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); }
  toolbar button:disabled, toolbar button:disabled:backdrop {
    color: rgba(255, 255, 255, 0.6);
    background-color: transparent;
    background-image: none; }
    toolbar button:disabled image,
    toolbar button:disabled image, toolbar button:disabled:backdrop image,
    toolbar button:disabled:backdrop image {
      -gtk-icon-effect: dim; }
  toolbar button.menu-button .menu .menuitem label {
    color: #cfd8dc; }
    toolbar button.menu-button .menu .menuitem label:disabled {
      color: #839096; }
  toolbar button.menu-button .menu .menuitem .separator {
    color: #222c31; }
  toolbar button.menu-button .menu .menuitem:hover label {
    color: #ffffff; }
toolbar .separator {
  color: transparent;
  background-color: transparent; }
toolbar.osd {
  padding: 13px;
  border: none;
  border-radius: 5px;
  background-color: rgba(32, 37, 38, 0.8); }
  toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
    border-radius: 0; }
toolbar.horizontal separator {
  margin: 0 7px 1px 6px; }
toolbar.vertical separator {
  margin: 6px 1px 7px 0; }

/*******************
 * Inline Toolbars *
 *******************/
searchbar,
.search-bar, .location-bar,
.inline-toolbar {
  -GtkWidget-window-dragging: true;
  background-color: #334249;
  color: #cfd8dc;
  border: 1px solid #222c31;
  border-top-width: 0;
  border-radius: 0 0 5px 5px;
  box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5);
  padding: 0px; }
  searchbar:backdrop,
  .search-bar:backdrop, .location-bar:backdrop,
  .inline-toolbar:backdrop {
    background-color: #2d3940; }
  searchbar button,
  .search-bar button, .location-bar button,
  .inline-toolbar button {
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    -gtk-icon-shadow: none;
    margin: 0;
    padding: 10px;
    text-shadow: none; }
    searchbar button.suggested-action,
    .search-bar button.suggested-action, .location-bar button.suggested-action, searchbar button.text-button,
    .search-bar button.text-button, .location-bar button.text-button, searchbar button.menu-button,
    .search-bar button.menu-button, .location-bar button.menu-button, searchbar button.image-button,
    .search-bar button.image-button, .location-bar button.image-button, searchbar button.linked,
    .search-bar button.linked, .location-bar button.linked, searchbar button.flat,
    .search-bar button.flat, .location-bar button.flat,
    .inline-toolbar button.suggested-action,
    .inline-toolbar button.text-button,
    .inline-toolbar button.menu-button,
    .inline-toolbar button.image-button,
    .inline-toolbar button.linked,
    .inline-toolbar button.flat {
      border: none;
      background: none;
      text-shadow: none;
      box-shadow: none;
      background-color: transparent;
      color: #cfd8dc;
      border-radius: 0px;
      padding: 10px; }
    searchbar button:focus,
    .search-bar button:focus, .location-bar button:focus, searchbar button:active,
    .search-bar button:active, .location-bar button:active,
    .inline-toolbar button:focus,
    .inline-toolbar button:active {
      font: bold;
      color: #cfd8dc;
      text-shadow: none;
      box-shadow: none;
      background-color: rgba(0, 0, 0, 0.05); }
      searchbar button:focus:backdrop,
      .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop,
      .search-bar button:active:backdrop, .location-bar button:active:backdrop,
      .inline-toolbar button:focus:backdrop,
      .inline-toolbar button:active:backdrop {
        border: none;
        background-color: transparent;
        color: #839096; }
    searchbar button:hover,
    .search-bar button:hover, .location-bar button:hover,
    .inline-toolbar button:hover {
      background-color: rgba(0, 0, 0, 0.05);
      text-shadow: none;
      color: #cfd8dc;
      box-shadow: none; }
    searchbar button:disabled,
    .search-bar button:disabled, .location-bar button:disabled,
    .inline-toolbar button:disabled {
      background: none;
      background-color: transparent;
      color: rgba(207, 216, 220, 0.5); }
    searchbar button:backdrop,
    .search-bar button:backdrop, .location-bar button:backdrop,
    .inline-toolbar button:backdrop {
      border: none;
      background: none;
      background-color: transparent;
      color: #839096; }
    searchbar button label,
    .search-bar button label, .location-bar button label,
    searchbar button image,
    .search-bar button image,
    .location-bar button image,
    .inline-toolbar button label,
    .inline-toolbar button image {
      color: #cfd8dc; }
      searchbar button label:disabled,
      .search-bar button label:disabled, .location-bar button label:disabled, searchbar button label:backdrop,
      .search-bar button label:backdrop, .location-bar button label:backdrop,
      searchbar button image:disabled,
      .search-bar button image:disabled,
      .location-bar button image:disabled,
      searchbar button image:backdrop,
      .search-bar button image:backdrop,
      .location-bar button image:backdrop,
      .inline-toolbar button label:disabled,
      .inline-toolbar button label:backdrop,
      .inline-toolbar button image:disabled,
      .inline-toolbar button image:backdrop {
        color: #839096;
        -gtk-icon-effect: dim; }
  searchbar .entry,
  .search-bar .entry, .location-bar .entry,
  searchbar entry,
  .search-bar entry,
  .location-bar entry,
  .inline-toolbar .entry,
  .inline-toolbar entry {
    background: none;
    color: #cfd8dc;
    border-radius: 0px;
    border: none;
    box-shadow: none; }
    searchbar .entry.image,
    .search-bar .entry.image, .location-bar .entry.image,
    searchbar entry.image,
    .search-bar entry.image,
    .location-bar entry.image,
    .inline-toolbar .entry.image,
    .inline-toolbar entry.image {
      color: #cfd8dc; }
      searchbar .entry.image.left,
      .search-bar .entry.image.left, .location-bar .entry.image.left,
      searchbar entry.image.left,
      .search-bar entry.image.left,
      .location-bar entry.image.left,
      .inline-toolbar .entry.image.left,
      .inline-toolbar entry.image.left {
        padding-right: 6px; }
    searchbar .entry:backdrop,
    .search-bar .entry:backdrop, .location-bar .entry:backdrop,
    searchbar entry:backdrop,
    .search-bar entry:backdrop,
    .location-bar entry:backdrop,
    .inline-toolbar .entry:backdrop,
    .inline-toolbar entry:backdrop {
      color: #839096; }
    searchbar .entry:selected,
    .search-bar .entry:selected, .location-bar .entry:selected,
    searchbar entry:selected,
    .search-bar entry:selected,
    .location-bar entry:selected,
    .inline-toolbar .entry:selected,
    .inline-toolbar entry:selected {
      color: #455a64;
      background-color: #2196f3; }

searchbar,
.search-bar, .location-bar {
  border-style: solid;
  border-color: #222c31;
  background-color: #313f46; }
  searchbar:backdrop,
  .search-bar:backdrop, .location-bar:backdrop {
    border-color: #242f34;
    background-color: #303f46;
    box-shadow: none;
    transition: 200ms ease-out; }

searchbar,
.search-bar {
  padding: 3px 0px;
  border-width: 0;
  border-radius: 0; }

.location-bar {
  border-width: 0 0 1px;
  padding: 3px; }

/************
 * Tooltips *
 ************/
tooltip,
.tooltip,
.overlay-bar {
  margin: 4px;
  border: none;
  border-radius: 3px;
  background-color: #455a64;
  color: #cfd8dc;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
  tooltip.background,
  .tooltip.background,
  .overlay-bar.background {
    background-color: #455a64;
    border: none; }
  tooltip decoration,
  .tooltip decoration,
  .overlay-bar decoration {
    background-color: transparent; }
  tooltip *,
  .tooltip *,
  .overlay-bar * {
    padding: 2px;
    background-color: transparent;
    color: #cfd8dc; }

/**********************
 * Touch Copy & Paste *
 *********************/
cursor-handle {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border-style: none; }
  cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png"));
    padding-left: 10px; }
  cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png"));
    padding-right: 10px; }
  cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); }
  cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png"));
    padding-left: 10px; }
  cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png"));
    padding-right: 10px; }
  cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); }
  cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png"));
    padding-left: 10px; }
  cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png"));
    padding-right: 10px; }
  cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); }

.context-menu {
  font: initial; }

.button.circular,
button.circular {
  border-radius: 20px;
  -gtk-outline-radius: 20px; }
  .button.circular label,
  button.circular label {
    padding: 0; }

.keycap {
  min-width: 20px;
  min-height: 25px;
  margin-top: 2px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
  color: #cfd8dc;
  background-color: #455a64;
  border: 1px solid;
  border-color: #222c31;
  border-radius: 5px;
  box-shadow: inset 0 -3px #303e45;
  font-size: smaller; }
  .keycap:backdrop {
    background-color: #475d67;
    color: #839096;
    transition: 200ms ease-out; }

*:drop(active):focus,
*:drop(active) {
  border-color: #4e9a06;
  box-shadow: inset 0 0 0 1px #4e9a06;
  caret-color: #4e9a06; }

stackswitcher button.text-button {
  min-width: 100px; }

stackswitcher button.circular,
stackswitcher button.text-button.circular {
  min-width: 32px;
  min-height: 32px;
  padding: 0; }

/**************
 * Tree Views *
 **************/
GtkTreeView.view,
treeview.view {
  -GtkTreeView-grid-line-width: 1;
  -GtkTreeView-tree-line-width: 1;
  -GtkTreeView-tree-line-pattern: '';
  -GtkTreeView-expander-size: 16;
  border-left-color: #8a99a0;
  border-top-color: #37474f; }
  GtkTreeView.view:selected:focus, GtkTreeView.view:selected,
  treeview.view:selected:focus,
  treeview.view:selected {
    border-radius: 0; }
  GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected,
  treeview.view:selected:backdrop,
  treeview.view:selected {
    border-left-color: #90cbf9;
    border-top-color: rgba(207, 216, 220, 0.1); }
  GtkTreeView.view:disabled,
  treeview.view:disabled {
    color: #839096; }
    GtkTreeView.view:disabled:selected,
    treeview.view:disabled:selected {
      color: #7ac0f8; }
      GtkTreeView.view:disabled:selected:backdrop,
      treeview.view:disabled:selected:backdrop {
        color: rgba(61, 163, 245, 0.85); }
    GtkTreeView.view:disabled:backdrop,
    treeview.view:disabled:backdrop {
      color: #56707c; }
  GtkTreeView.view.separator,
  treeview.view.separator {
    min-height: 2px;
    color: #37474f; }
    GtkTreeView.view.separator:backdrop,
    treeview.view.separator:backdrop {
      color: rgba(55, 71, 79, 0.1); }
  GtkTreeView.view:backdrop,
  treeview.view:backdrop {
    border-left-color: #5d6c73;
    border-top: #37474f; }
  GtkTreeView.view:drop(active),
  treeview.view:drop(active) {
    border-style: solid none;
    border-width: 1px;
    border-color: #222c31; }
    GtkTreeView.view:drop(active).after,
    treeview.view:drop(active).after {
      border-top-style: none; }
    GtkTreeView.view:drop(active).before,
    treeview.view:drop(active).before {
      border-bottom-style: none; }
  GtkTreeView.view.expander,
  treeview.view.expander {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
    color: #a6b2b8; }
    GtkTreeView.view.expander:dir(rtl),
    treeview.view.expander:dir(rtl) {
      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
    GtkTreeView.view.expander:hover,
    treeview.view.expander:hover {
      color: #cfd8dc; }
    GtkTreeView.view.expander:selected,
    treeview.view.expander:selected {
      color: #bce0fb; }
      GtkTreeView.view.expander:selected:hover,
      treeview.view.expander:selected:hover {
        color: #ffffff; }
      GtkTreeView.view.expander:selected:backdrop,
      treeview.view.expander:selected:backdrop {
        color: rgba(130, 196, 248, 0.65); }
    GtkTreeView.view.expander:checked,
    treeview.view.expander:checked {
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
    GtkTreeView.view.expander:backdrop,
    treeview.view.expander:backdrop {
      color: #718188; }
  GtkTreeView.view.progressbar,
  treeview.view.progressbar {
    border: 1px solid #222c31;
    border-radius: 4px;
    background-color: #2196f3;
    background-image: linear-gradient(to bottom, #2196f3, #0c7cd5);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); }
    GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected,
    treeview.view.progressbar:selected:focus,
    treeview.view.progressbar:selected {
      border-radius: 0;
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
      background-image: linear-gradient(to bottom, #455a64, #303f46); }
      GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop,
      treeview.view.progressbar:selected:focus:backdrop,
      treeview.view.progressbar:selected:backdrop {
        border-color: #475d67;
        background-color: #475d67; }
    GtkTreeView.view.progressbar:backdrop,
    treeview.view.progressbar:backdrop {
      border-color: #475d67;
      background-image: none;
      box-shadow: none; }
  GtkTreeView.view.trough,
  treeview.view.trough {
    background-color: rgba(207, 216, 220, 0.1);
    border-radius: 4px; }
    GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected,
    treeview.view.trough:selected:focus,
    treeview.view.trough:selected {
      background-color: #0c7cd5;
      border-radius: 4px; }
  GtkTreeView.view column-header .button,
  GtkTreeView.view column-header button,
  GtkTreeView.view header .button,
  GtkTreeView.view header button,
  treeview.view column-header .button,
  treeview.view column-header button,
  treeview.view header .button,
  treeview.view header button {
    color: #8a99a0;
    background-color: #455a64;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none; }
    GtkTreeView.view column-header .button:hover,
    GtkTreeView.view column-header button:hover,
    GtkTreeView.view header .button:hover,
    GtkTreeView.view header button:hover,
    treeview.view column-header .button:hover,
    treeview.view column-header button:hover,
    treeview.view header .button:hover,
    treeview.view header button:hover {
      color: #adb9be;
      box-shadow: none;
      transition: none; }
    GtkTreeView.view column-header .button:active,
    GtkTreeView.view column-header button:active,
    GtkTreeView.view header .button:active,
    GtkTreeView.view header button:active,
    treeview.view column-header .button:active,
    treeview.view column-header button:active,
    treeview.view header .button:active,
    treeview.view header button:active {
      color: #cfd8dc;
      transition: none; }
  GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child,
  GtkTreeView.view header button:last-child:backdrop,
  GtkTreeView.view header button:last-child,
  treeview.view column-header button:last-child:backdrop,
  treeview.view column-header button:last-child,
  treeview.view header button:last-child:backdrop,
  treeview.view header button:last-child {
    border-right-style: none; }
  GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd,
  GtkTreeView.view button.dnd:active,
  GtkTreeView.view button.dnd:selected,
  GtkTreeView.view button.dnd:hover,
  GtkTreeView.view button.dnd,
  GtkTreeView.view column-header.button.dnd:active,
  GtkTreeView.view column-header.button.dnd:selected,
  GtkTreeView.view column-header.button.dnd:hover,
  GtkTreeView.view column-header.button.dnd,
  GtkTreeView.view header.button.dnd:active,
  GtkTreeView.view header.button.dnd:selected,
  GtkTreeView.view header.button.dnd:hover,
  GtkTreeView.view header.button.dnd,
  treeview.view .button.dnd:active,
  treeview.view .button.dnd:selected,
  treeview.view .button.dnd:hover,
  treeview.view .button.dnd,
  treeview.view button.dnd:active,
  treeview.view button.dnd:selected,
  treeview.view button.dnd:hover,
  treeview.view button.dnd,
  treeview.view column-header.button.dnd:active,
  treeview.view column-header.button.dnd:selected,
  treeview.view column-header.button.dnd:hover,
  treeview.view column-header.button.dnd,
  treeview.view header.button.dnd:active,
  treeview.view header.button.dnd:selected,
  treeview.view header.button.dnd:hover,
  treeview.view header.button.dnd {
    padding: 4px 6px;
    transition: none;
    background-image: none;
    background-color: #2196f3;
    color: #455a64;
    border-radius: 0;
    border-style: none;
    box-shadow: inset 0 0 0 1px #455a64;
    text-shadow: none; }

GtkTreeView.view column-header .button,
GtkTreeView.view column-header button,
GtkTreeView.view header .button,
GtkTreeView.view header button,
treeview.view column-header .button,
treeview.view column-header button,
treeview.view header .button,
treeview.view header button, GtkTreeView.view column-header .button:hover,
GtkTreeView.view column-header button:hover,
GtkTreeView.view header .button:hover,
GtkTreeView.view header button:hover,
treeview.view column-header .button:hover,
treeview.view column-header button:hover,
treeview.view header .button:hover,
treeview.view header button:hover, GtkTreeView.view column-header .button:active,
GtkTreeView.view column-header button:active,
GtkTreeView.view header .button:active,
GtkTreeView.view header button:active,
treeview.view column-header .button:active,
treeview.view column-header button:active,
treeview.view header .button:active,
treeview.view header button:active {
  padding: 4px 6px;
  border-radius: 0;
  background-image: none;
  text-shadow: none;
  border-style: none solid solid none;
  border-color: #37474f; }
  GtkTreeView.view column-header .button:disabled,
  GtkTreeView.view column-header button:disabled,
  GtkTreeView.view header .button:disabled,
  GtkTreeView.view header button:disabled,
  treeview.view column-header .button:disabled,
  treeview.view column-header button:disabled,
  treeview.view header .button:disabled,
  treeview.view header button:disabled {
    border-color: #37474f;
    background-image: none; }
  GtkTreeView.view column-header .button:backdrop,
  GtkTreeView.view column-header button:backdrop,
  GtkTreeView.view header .button:backdrop,
  GtkTreeView.view header button:backdrop,
  treeview.view column-header .button:backdrop,
  treeview.view column-header button:backdrop,
  treeview.view header .button:backdrop,
  treeview.view header button:backdrop {
    border-color: #37474f;
    border-style: none solid solid none;
    color: #5d6c73;
    background-image: none;
    background-color: #475d67; }
    GtkTreeView.view column-header .button:backdrop:disabled,
    GtkTreeView.view column-header button:backdrop:disabled,
    GtkTreeView.view header .button:backdrop:disabled,
    GtkTreeView.view header button:backdrop:disabled,
    treeview.view column-header .button:backdrop:disabled,
    treeview.view column-header button:backdrop:disabled,
    treeview.view header .button:backdrop:disabled,
    treeview.view header button:backdrop:disabled {
      border-color: #37474f;
      background-image: none; }

/**********************
 * Window Decorations *
 *********************/
decoration {
  border-radius: 4px;
  border-width: 0px;
  box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5);
  margin: 10px; }
  decoration:backdrop {
    box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3);
    transition: 200ms ease-out; }
  .fullscreen decoration, .tiled decoration {
    border-radius: 0; }
  .popup decoration {
    box-shadow: none; }
  .ssd decoration {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }
  .csd.popup decoration {
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  .solid-csd decoration {
    border-radius: 0;
    margin: 4px;
    background-color: #37474f;
    border: 0px solid #242f34;
    box-shadow: none; }

/**********************
 * DE-Specific Styles *
 **********************/
/*********
* Budgie *
**********/
.budgie-panel .pinned .launcher:hover,
.budgie-panel .unpinned .launcher:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.budgie-panel .pinned .launcher:active,
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher:checked,
.budgie-panel .unpinned .launcher:checked {
  background-color: rgba(0, 0, 0, 0.2); }
.top .budgie-panel .pinned .launcher, .budgie-panel .pinned .top .launcher,
.top .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .top .launcher {
  border-bottom: 2px solid rgba(38, 50, 56, 0);
  border-top: 2px solid rgba(38, 50, 56, 0); }
  .top .budgie-panel .unpinned .launcher,
  .top .budgie-panel .pinned .launcher.running {
    border-top: 2px solid rgba(33, 150, 243, 0.5); }
  .top .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .top .launcher:hover,
  .top .budgie-panel .unpinned .launcher:hover,
  .budgie-panel .unpinned .top .launcher:hover {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    border-top: 2px solid rgba(33, 150, 243, 0.5); }
  .top .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .top .launcher:active,
  .top .budgie-panel .unpinned .launcher:active,
  .budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .top .launcher:checked,
  .top .budgie-panel .unpinned .launcher:checked,
  .budgie-panel .unpinned .top .launcher:checked {
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    border-top: 2px solid #2196f3; }
.bottom .budgie-panel .pinned .launcher, .budgie-panel .pinned .bottom .launcher,
.bottom .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .bottom .launcher {
  border-top: 2px solid rgba(38, 50, 56, 0);
  border-bottom: 2px solid rgba(38, 50, 56, 0); }
  .bottom .budgie-panel .unpinned .launcher,
  .bottom .budgie-panel .pinned .launcher.running {
    border-bottom: 2px solid rgba(33, 150, 243, 0.5); }
  .bottom .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .bottom .launcher:hover,
  .bottom .budgie-panel .unpinned .launcher:hover,
  .budgie-panel .unpinned .bottom .launcher:hover {
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid rgba(33, 150, 243, 0.5); }
  .bottom .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .bottom .launcher:active,
  .bottom .budgie-panel .unpinned .launcher:active,
  .budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .bottom .launcher:checked,
  .bottom .budgie-panel .unpinned .launcher:checked,
  .budgie-panel .unpinned .bottom .launcher:checked {
    border-top: 2px solid rgba(0, 0, 0, 0.2);
    border-bottom: 2px solid #2196f3; }
.left .budgie-panel .pinned .launcher, .budgie-panel .pinned .left .launcher,
.left .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .left .launcher {
  border-right: 2px solid rgba(38, 50, 56, 0);
  border-left: 2px solid rgba(38, 50, 56, 0); }
  .left .budgie-panel .unpinned .launcher,
  .left .budgie-panel .pinned .launcher.running {
    border-left: 2px solid rgba(33, 150, 243, 0.5); }
  .left .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .left .launcher:hover,
  .left .budgie-panel .unpinned .launcher:hover,
  .budgie-panel .unpinned .left .launcher:hover {
    border-right: 2px solid rgba(0, 0, 0, 0.1);
    border-left: 2px solid rgba(33, 150, 243, 0.5); }
  .left .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .left .launcher:active,
  .left .budgie-panel .unpinned .launcher:active,
  .budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .left .launcher:checked,
  .left .budgie-panel .unpinned .launcher:checked,
  .budgie-panel .unpinned .left .launcher:checked {
    border-right: 2px solid rgba(0, 0, 0, 0.2);
    border-left: 2px solid #2196f3; }
.right .budgie-panel .pinned .launcher, .budgie-panel .pinned .right .launcher,
.right .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .right .launcher {
  border-left: 2px solid rgba(38, 50, 56, 0);
  border-right: 2px solid rgba(38, 50, 56, 0); }
  .right .budgie-panel .unpinned .launcher,
  .right .budgie-panel .pinned .launcher.running {
    border-right: 2px solid rgba(33, 150, 243, 0.5); }
  .right .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .right .launcher:hover,
  .right .budgie-panel .unpinned .launcher:hover,
  .budgie-panel .unpinned .right .launcher:hover {
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    border-right: 2px solid rgba(33, 150, 243, 0.5); }
  .right .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .right .launcher:active,
  .right .budgie-panel .unpinned .launcher:active,
  .budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .right .launcher:checked,
  .right .budgie-panel .unpinned .launcher:checked,
  .budgie-panel .unpinned .right .launcher:checked {
    border-left: 2px solid rgba(0, 0, 0, 0.2);
    border-right: 2px solid #2196f3; }

.top .budgie-panel {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }

.top .raven-frame {
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }

.top .shadow-block {
  background-color: transparent;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, transparent); }

.bottom .budgie-panel {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }

.bottom .raven-frame {
  border-top: 1px solid rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }

.bottom .shadow-block {
  background-color: transparent;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent, transparent); }

.left .budgie-panel {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }

.left .raven-frame {
  border-right: 1px solid rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }

.left .shadow-block {
  background-color: transparent;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent, transparent); }

.right .budgie-panel {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }

.right .raven-frame {
  border-left: 1px solid rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }

.right .shadow-block {
  background-color: transparent;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent, transparent); }

.budgie-container {
  background-image: none;
  background-color: transparent; }
  .budgie-container:backdrop {
    background-image: none;
    background-color: transparent; }

.budgie-menu GtkSearchEntry.entry:not(:selected) {
  border: none;
  box-shadow: none;
  background: none;
  font-size: 100%; }
  .budgie-menu GtkSearchEntry.entry:not(:selected).image {
    padding-left: 0px;
    padding-right: 6px; }
.budgie-menu .list-row.activatable:selected,
.budgie-menu .list-row.activatable:selected .button {
  color: inherit; }

.budgie-panel {
  color: #cfd8dc;
  background-color: #263238; }
  .budgie-panel:backdrop {
    color: #cfd8dc;
    background-color: #263238; }
  .budgie-panel BudgieMenuApplet {
    font: bold; }
    .budgie-panel BudgieMenuApplet .label {
      color: #cfd8dc;
      text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
  .budgie-panel ClockApplet {
    font: monospace bold;
    font-size: 90%; }
    .budgie-panel ClockApplet .label {
      color: #cfd8dc;
      text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
  .budgie-panel WnckTasklist .button,
  .budgie-panel WnckTasklist .button:backdrop {
    border-radius: 0; }
  .budgie-panel .launcher {
    transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding-left: 2px;
    padding-right: 2px;
    border-color: rgba(38, 50, 56, 0); }
    .budgie-panel .launcher:hover {
      -gtk-image-effect: highlight; }

.raven {
  color: #cfd8dc;
  background-color: rgba(55, 71, 79, 0.98);
  transition: 170ms ease-out; }
  .raven .raven-header {
    padding: 4px;
    font: bold;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
    background-color: #37474f;
    background-image: linear-gradient(to bottom, #41555e, #37474f);
    color: #cfd8dc;
    border: solid #222c31;
    border-width: 1px 0 1px 0;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
    .raven .raven-header.top {
      border-top-style: none; }
    .raven .raven-header.bottom {
      border-bottom-style: none; }
    .raven .raven-header switch {
      -GtkSwitch-slider-width: 16px;
      -GtkSwitch-slider-height: 16px;
      border-radius: 12px; }
      .raven .raven-header switch .slider {
        border-radius: 8px; }
  .raven .raven-background {
    background-color: #455a64;
    border-bottom: 1px solid #222c31;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
    .raven .raven-background.middle {
      border-bottom-style: none; }
  .raven .raven-calendar {
    border: none;
    padding: 2px;
    border-bottom: 1px solid #222c31; }
  .raven .powerstrip {
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none; }
  .raven .powerstrip .button {
    border-radius: 50%;
    padding: 12px;
    background: #334249;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px rgba(255, 255, 255, 0.1);
    font-size: 100%; }
    .raven .powerstrip .button:hover {
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 1px 1px rgba(0, 0, 0, 0.2);
      transition: 170ms ease all; }
    .raven .powerstrip .button:active {
      box-shadow: 0 1px rgba(255, 255, 255, 0.1);
      transition: 170ms ease all; }
  .raven .option-subtitle {
    font-size: smaller; }

.raven-mpris {
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
  color: #cfd8dc;
  background-color: rgba(38, 50, 56, 0.8);
  border: solid rgba(0, 0, 0, 0.2);
  border-width: 1px 0;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
  .raven-mpris .button.image-button {
    padding: 8px; }

.budgie-notification-window {
  border-radius: 4px;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #37474f;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); }

.budgie-notification.background {
  border-radius: 4px;
  padding: 4px; }
.budgie-notification .notification-title {
  font-size: 110%;
  color: #cfd8dc; }
.budgie-notification .notification-body {
  border: none;
  color: rgba(207, 216, 220, 0.7); }

.budgie-session-dialog, .budgie-polkit-dialog {
  border-radius: 4px;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .budgie-session-dialog.background, .background.budgie-polkit-dialog {
    padding: 12px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); }
  .budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
    border-bottom: none;
    border-radius: 0; }
    .budgie-session-dialog .linked.horizontal > .button:first-child, .budgie-polkit-dialog .linked.horizontal > .button:first-child {
      border-left: none;
      border-radius: 0 0 0 4px; }
    .budgie-session-dialog .linked.horizontal > .button:last-child, .budgie-polkit-dialog .linked.horizontal > .button:last-child {
      border-right: none;
      border-radius: 0 0 4px 0; }

.budgie-polkit-dialog .message {
  color: rgba(207, 216, 220, 0.7); }
.budgie-polkit-dialog .failure {
  color: #d32f2f; }

/***************
 * font-viewer *
 ***************/
SushiFontWidget {
  padding: 6px 12px; }

/**********
 * Sudoku *
 **********/
SudokuView SudokuCellView {
  border: inherit;
  background-color: inherit; }

SudokuView SudokuCellView:backdrop {
  border: inherit;
  background-color: inherit; }

SudokuView {
  border: none; }

/*****************
 * Character Map *
 *****************/
GucharmapChartable {
  background-color: #455a64; }

GucharmapChartable:active,
GucharmapChartable:focus,
GucharmapChartable:selected {
  background-color: #2196f3;
  color: #ffffff; }

/********
 * Misc *
 *******/
ApDocView,
EogScrollView,
CheeseThumbView {
  -EogScrollView-shadow-type: none; }

/************
 * Terminal *
 ************/
TerminalScreen,
VteTerminal {
  background-color: rgba(0, 43, 54, 0.9);
  color: #839495; }

TerminalWindow .titlebar,
TerminalWindow headerbar {
  background-color: #546e7a; }
  TerminalWindow .titlebar:backdrop,
  TerminalWindow headerbar:backdrop {
    background-color: #3f535c; }

/************
 * Nautilus *
 ************/
NautilusCanvasView {
  border: none; }
  NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop {
    border: none; }

.nautilus-circular-button {
  border-radius: 20px;
  outline-radius: 20px; }

.disk-space-display {
  border: 2px solid; }
  .disk-space-display .unknown {
    background-color: #888a85;
    border-color: #555653; }
  .disk-space-display .used {
    background-color: #9FB0B9;
    border-color: #667f8c; }
  .disk-space-display .free {
    background-color: #D8D8D8;
    border-color: #a5a5a5; }

.nautilus-desktop {
  color: #cfd8dc; }
  .nautilus-desktop .nautilus-canvas-item {
    border-radius: 5px;
    color: #ffffff;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
    .nautilus-desktop .nautilus-canvas-item:active {
      color: #cfd8dc;
      text-shadow: none; }
    .nautilus-desktop .nautilus-canvas-item:prelight {
      color: #cfd8dc;
      text-shadow: none; }
    .nautilus-desktop .nautilus-canvas-item:selected {
      color: #ffffff;
      text-shadow: none; }
    .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected,
    .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected,
    .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected,
    headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected {
      color: #ffffff; }
  .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected,
  .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected,
  .nautilus-desktop .nautilus-list headerbar .subtitle:selected,
  headerbar .nautilus-desktop .nautilus-list .subtitle:selected {
    color: #ffffff; }

/***********
 * Builder *
 ***********/
GbGreeterWindow .titlebar,
GbGreeterWindow headerbar,
GbWorkbench .titlebar,
GbWorkbench headerbar {
  background-color: #CBBB2E; }
  GbGreeterWindow .titlebar:backdrop,
  GbGreeterWindow headerbar:backdrop,
  GbWorkbench .titlebar:backdrop,
  GbWorkbench headerbar:backdrop {
    background-color: #a19525; }

/**************
 * Calculator *
 **************/
MathWindow {
  background-color: #455a64;
  border-radius: 0 0 4px 4px; }
  MathWindow .titlebar,
  MathWindow headerbar,
  MathWindow .toolbar {
    background-color: #07ce8e; }
    MathWindow .titlebar:backdrop,
    MathWindow headerbar:backdrop,
    MathWindow .toolbar:backdrop {
      background-color: #059d6c; }
  MathWindow MathButtons GtkComboBox,
  MathWindow MathButtons .button {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    border: none;
    text-shadow: none;
    color: #07ce8e;
    font: bold; }
    MathWindow MathButtons GtkComboBox:hover,
    MathWindow MathButtons .button:hover {
      background-image: none;
      background-color: #455a64;
      color: #07ce8e; }
    MathWindow MathButtons GtkComboBox:backdrop,
    MathWindow MathButtons .button:backdrop {
      color: #059d6c; }
    MathWindow MathButtons GtkComboBox.text-button.suggested-action,
    MathWindow MathButtons .button.text-button.suggested-action {
      background-image: none;
      box-shadow: none;
      text-shadow: none;
      background-color: #07ce8e;
      color: #455a64; }
      MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop,
      MathWindow MathButtons .button.text-button.suggested-action:backdrop {
        background-color: #059d6c;
        color: rgba(69, 90, 100, 0.5); }
  MathWindow MathDisplay {
    padding: 4px;
    background-color: #455a64;
    border: 1px solid #222c31; }

/************
 * Calendar *
 ************/
GcalWindow .titlebar,
GcalWindow headerbar {
  background-color: #75A3F6; }
  GcalWindow .titlebar:backdrop,
  GcalWindow headerbar:backdrop {
    background-color: #4583f3; }

/**********
 * Cheese *
 **********/
CheeseWindow .titlebar,
CheeseWindow headerbar,
CheeseWindow .toolbar {
  background-color: #ad7fa8; }
  CheeseWindow .titlebar:backdrop,
  CheeseWindow headerbar:backdrop,
  CheeseWindow .toolbar:backdrop {
    background-color: #986192; }

/************
 * Contacts *
 ************/
ContactsWindow .titlebar,
ContactsWindow headerbar {
  background-color: #2095F2; }
  ContactsWindow .titlebar:backdrop,
  ContactsWindow headerbar:backdrop {
    background-color: #0c7bd3; }

/**********
 * Clocks *
 **********/
ClocksWindow .titlebar,
ClocksWindow headerbar {
  background-color: #4BAE4F; }
  ClocksWindow .titlebar:backdrop,
  ClocksWindow headerbar:backdrop {
    background-color: #3c8a3f; }

/*********
 * Disks *
 *********/
GduWindow .titlebar,
GduWindow headerbar {
  background-color: #8561C5; }
  GduWindow .titlebar:backdrop,
  GduWindow headerbar:backdrop {
    background-color: #6a41b2; }

/**************
 * Disk Usage *
 **************/
BaobabWindow .titlebar,
BaobabWindow headerbar {
  background-color: #CC5E55; }
  BaobabWindow .titlebar:backdrop,
  BaobabWindow headerbar:backdrop {
    background-color: #b74137; }

/*************
 * Documents *
 *************/
#Documents .titlebar,
#Documents headerbar {
  background-color: #C2352A; }
  #Documents .titlebar:backdrop,
  #Documents headerbar:backdrop {
    background-color: #982a21; }

/************
 * Epiphany *
 ************/
EphyWindow .titlebar,
EphyWindow headerbar {
  background-color: #6573C3; }
  EphyWindow .titlebar:backdrop,
  EphyWindow headerbar:backdrop {
    background-color: #4555b0; }
  EphyWindow .titlebar .incognito-mode,
  EphyWindow headerbar .incognito-mode {
    background-color: #3e4c9e; }
    EphyWindow .titlebar .incognito-mode .button,
    EphyWindow headerbar .incognito-mode .button {
      background-image: none; }
    EphyWindow .titlebar .incognito-mode:backdrop,
    EphyWindow headerbar .incognito-mode:backdrop {
      background-color: #2f3a79; }

/*********
 * Gedit *
 *********/
GeditWindow .titlebar,
GeditWindow headerbar {
  background-color: #DC4836; }
  GeditWindow .titlebar:backdrop,
  GeditWindow headerbar:backdrop {
    background-color: #be3221; }

/**************
 * Log Viewer *
 **************/
GlWindow .titlebar,
GlWindow headerbar,
GlWindow .toolbar,
LogviewWindow .titlebar,
LogviewWindow headerbar,
LogviewWindow .toolbar {
  background-color: #009587; }
  GlWindow .titlebar:backdrop,
  GlWindow headerbar:backdrop,
  GlWindow .toolbar:backdrop,
  LogviewWindow .titlebar:backdrop,
  LogviewWindow headerbar:backdrop,
  LogviewWindow .toolbar:backdrop {
    background-color: #006259; }

/*********
 * Music *
 *********/
gnomemusic + window + Window .titlebar,
gnomemusic + window + Window headerbar {
  background-color: #fe9700; }
  gnomemusic + window + Window .titlebar:backdrop,
  gnomemusic + window + Window headerbar:backdrop {
    background-color: #cb7900; }

/*****************
 * Notes/Bijiben *
 *****************/
BjbMainToolbar .titlebar,
BjbMainToolbar headerbar,
BjbWindowBase .titlebar,
BjbWindowBase headerbar {
  background-color: #ebdd4d; }
  BjbMainToolbar .titlebar:backdrop,
  BjbMainToolbar headerbar:backdrop,
  BjbWindowBase .titlebar:backdrop,
  BjbWindowBase headerbar:backdrop {
    background-color: #e6d41f; }

/**********
 * Photos *
 **********/
PhotosMainWindow .titlebar,
PhotosMainWindow headerbar {
  background-color: #D30101; }
  PhotosMainWindow .titlebar:backdrop,
  PhotosMainWindow headerbar:backdrop {
    background-color: #a00101; }

/**********
 * Polari *
 **********/
.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right,
headerbar.polari-titlebar-left,
headerbar.polari-titlebar-right {
  background-color: #4BAE4F; }
  .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop,
  headerbar.polari-titlebar-left:backdrop,
  headerbar.polari-titlebar-right:backdrop {
    background-color: #3c8a3f; }

/*******************
 * System Settings *
 ******************/
CcWindow .titlebar,
CcWindow headerbar {
  background-color: #5F7C8A; }
  CcWindow .titlebar:backdrop,
  CcWindow headerbar:backdrop {
    background-color: #4a616c; }

CcShellNavBar {
  padding: 0px; }

/************
 * Software *
 ************/
#window_software .titlebar,
#window_software headerbar {
  background-color: #1A77C2; }
  #window_software .titlebar:backdrop,
  #window_software headerbar:backdrop {
    background-color: #145b95; }

/******************
 * System Monitor *
 ******************/
#gnome-system-monitor .titlebar,
#gnome-system-monitor headerbar {
  background-color: #6fbe72; }
  #gnome-system-monitor .titlebar:backdrop,
  #gnome-system-monitor headerbar:backdrop {
    background-color: #4eac51; }

/********
 * ToDo *
 ********/
GtdWindow .titlebar,
GtdWindow headerbar {
  background-color: #3262A1; }
  GtdWindow .titlebar:backdrop,
  GtdWindow headerbar:backdrop {
    background-color: #264a7a; }

/********
 * Yelp *
 ********/
YelpWindow .titlebar,
YelpWindow headerbar {
  background-color: #435ece; }
  YelpWindow .titlebar:backdrop,
  YelpWindow headerbar:backdrop {
    background-color: #2e47b0; }

/********
 * Gala *
 *******/
.gala-notification {
  border-width: 0;
  border-radius: 2px;
  color: white;
  border: 1px solid #455a64;
  background-color: #455a64; }
  .gala-notification .title,
  .gala-notification .label {
    color: #cfd8dc; }

.gala-button {
  padding: 3px;
  color: #455a64;
  border: none;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }

/**********
 * Notify *
 *********/
.notify {
  /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.7);
  background-color: rgba(69, 90, 100, 0.05); }

/***************
 * SwitchBoard *
 ***************/
.category-label {
  font-weight: bold;
  color: #cfd8dc; }

/*************
 * Slingshot *
 ************/
.button.app {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-image: none; }
  .button.app .app:hover {
    border-radius: 8px;
    border: none;
    background-color: rgba(33, 150, 243, 0.3);
    color: white; }
  .button.app .app:focus {
    /*background-color: transparentize(black, 0.20);*/ }

.search-item {
  border-radius: 0;
  border: none;
  color: #cfd8dc;
  background: none; }
  .search-item:hover, .search-item:focus {
    border-radius: 0;
    background-color: rgba(33, 150, 243, 0.3);
    color: #ffffff; }

.search-entry-large,
.search-entry-large:focus {
  border: none;
  font: 18;
  font-weight: 300;
  background-image: none;
  background: none;
  box-shadow: none;
  border-radius: 0; }

.search-category-header {
  font-weight: bold;
  color: #cfd8dc; }

/*********
 * Panel *
 ********/
.panel {
  background-color: transparent;
  transition: all 100ms ease-in-out; }
  .panel .maximized {
    background-color: #000; }
  .panel .translucent {
    background-color: rgba(0, 0, 0, 0.5); }
  .panel .color-light .composited-indicator > revealer label,
  .panel .color-light .composited-indicator > revealer image,
  .panel .color-light .composited-indicator > GtkRevealer {
    color: rgba(0, 0, 0, 0.35);
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25);
    -gtk-icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); }

.composited-indicator > revealer label,
.composited-indicator > revealer image,
.composited-indicator > GtkRevealer {
  color: #455a64;
  font-weight: bold;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
  -gtk-icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); }

/*************
 * AppCenter *
 *************/
AppCenterMainWindow .titlebar,
AppCenterMainWindow .header-bar {
  background-color: #378BE6; }
  AppCenterMainWindow .titlebar:backdrop,
  AppCenterMainWindow .header-bar:backdrop {
    background-color: #1a71d0; }

/**************
 * Calculator *
 **************/
PantheonCalculatorMainWindow {
  border-radius: 0 0 4px 4px; }
  PantheonCalculatorMainWindow .titlebar,
  PantheonCalculatorMainWindow .header-bar {
    background-color: #07ce8e; }
    PantheonCalculatorMainWindow .titlebar:backdrop,
    PantheonCalculatorMainWindow .header-bar:backdrop {
      background-color: #059d6c; }
  PantheonCalculatorMainWindow .window-frame {
    border-radius: 3px; }

/********
 * Maya *
 ********/
MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar {
  background-color: #8CD33F; }
  MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop {
    background-color: #72b52a; }

/*********
 * Cards *
 *********/
.deck {
  background-color: #263137; }

.card {
  background-color: #455a64;
  border: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2);
  transition: all 150ms ease-in-out; }

.card.collapsed {
  background-color: #3b4c55;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); }

/*********
 * Noise *
 *********/
NoiseLibraryWindow {
  border-radius: 0 0 4px 4px; }
  NoiseLibraryWindow .titlebar,
  NoiseLibraryWindow .header-bar {
    background-color: #EE6020; }
    NoiseLibraryWindow .titlebar:backdrop,
    NoiseLibraryWindow .header-bar:backdrop {
      background-color: #cb4a10; }
  NoiseLibraryWindow .action-bar {
    border-radius: 0 0 4px 4px; }
  NoiseLibraryWindow .window-frame {
    border-radius: 3px; }

/***********
 * Scratch *
 ***********/
ScratchMainWindow .titlebar,
ScratchMainWindow .header-bar {
  background-color: #e74c3c; }
  ScratchMainWindow .titlebar:backdrop,
  ScratchMainWindow .header-bar:backdrop {
    background-color: #d62c1a; }

/********
 * Snap *
 ********/
SnapMainWindow .titlebar,
SnapMainWindow .header-bar,
SnapSnapWindow .titlebar,
SnapSnapWindow .header-bar {
  background-color: #6d266a; }
  SnapMainWindow .titlebar:backdrop,
  SnapMainWindow .header-bar:backdrop,
  SnapSnapWindow .titlebar:backdrop,
  SnapSnapWindow .header-bar:backdrop {
    background-color: #471945; }
SnapMainWindow .take-button,
SnapSnapWindow .take-button {
  border-radius: 0; }

/*******************
 * Photos/Shotwell *
 *******************/
DirectWindow .titlebar,
DirectWindow .header-bar,
LibraryWindow .titlebar,
LibraryWindow .header-bar {
  background-color: #5544B5; }
  DirectWindow .titlebar:backdrop,
  DirectWindow .header-bar:backdrop,
  LibraryWindow .titlebar:backdrop,
  LibraryWindow .header-bar:backdrop {
    background-color: #443690; }
DirectWindow .the-button-in-the-combobox,
LibraryWindow .the-button-in-the-combobox {
  background: none; }

.checkerboard-layout {
  background-color: #37474f;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
  background-size: 24px 24px;
  background-position: 0 0, 12px 12px; }

.checkboard-layout .item {
  background-color: #cfd8dc; }

/********
* Unity *
*********/
/* Unity window border color */
/* Backdrop Unity window border color */
/* Unity window text color */
/* Backdrop Unity window text color */
/* Unity panel color #454D50 */
/* Backdrop Unity panel color */
UnityDecoration {
  /* Border properties (top, right, bottom, left) */
  -UnityDecoration-extents: 28px 1px 1px 1px;
  /* the size of the decorations  */
  -UnityDecoration-input-extents: 10px;
  /* the extra size of the input areas */
  /* Shadows settings */
  -UnityDecoration-shadow-offset-x: 1px;
  /* Size property, the shadow x offset */
  -UnityDecoration-shadow-offset-y: 1px;
  /* Size property, the shadow y offset */
  -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647;
  /* Color property, active window shadow color */
  -UnityDecoration-active-shadow-radius: 8px;
  /* Size property, active window shadow radius */
  -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647;
  /* Color property, inactive windows shadow color */
  -UnityDecoration-inactive-shadow-radius: 5px;
  /* Size property, inactive windows shadow radius */
  /* Glow applied to the selected scaled window */
  -UnityDecoration-glow-size: 8px;
  /* Size property, size of glow */
  -UnityDecoration-glow-color: #2196f3;
  /* Color property of the glow */
  /* Title settings */
  -UnityDecoration-title-indent: 10px;
  /* Size property, left indent of the title */
  -UnityDecoration-title-fade: 35px;
  /* Size property, space of the title that can be faded */
  -UnityDecoration-title-alignment: 0.0;
  /* Float from 0.0 to 1.0, to align the title */
  background-color: #546e7a;
  color: #dbdee0; }
  UnityDecoration .top {
    padding: 0 5px 0 5px;
    border-radius: 4px 4px 0px 0px;
    box-shadow: none;
    border: 1px solid #546e7a;
    border-bottom-width: 0;
    background-color: #546e7a;
    color: #dbdee0;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    UnityDecoration .top:backdrop {
      border-bottom-width: 0;
      background-color: #3f535c;
      color: #c0c5c8;
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
    UnityDecoration .top .menuitem {
      color: #dbdee0; }
      UnityDecoration .top .menuitem:backdrop {
        background-color: #3f535c;
        color: #c0c5c8; }

UnityDecoration.left,
UnityDecoration.right {
  background-repeat: repeat-x;
  background-color: #536c78;
  background-size: 1px 120px;
  background-clip: border-box;
  background-image: linear-gradient(to bottom, #546e7a, #536c78); }

UnityDecoration.bottom {
  background-size: 1px;
  background-repeat: repeat-x;
  background-color: #536c78; }

UnityDecoration.left:backdrop,
UnityDecoration.right:backdrop,
UnityDecoration.bottom:backdrop {
  background-size: 1px;
  background-repeat: repeat-x;
  background-color: #3f535c; }

/**************
* Unity Panel *
***************/
UnityPanelWidget,
.unity-panel {
  background-color: #2a383e;
  color: #dbdee0; }

UnityPanelWidget:backdrop,
.unity-panel:backdrop {
  background-color: #161c1f;
  color: #c0c5c8; }

.unity-panel.menuitem,
.unity-panel .menuitem {
  border-width: 0 1px;
  color: #dbdee0; }

.unity-panel.menubar,
.unity-panel .menubar {
  color: #dbdee0; }

.unity-panel.menu.menubar,
.unity-panel .menu .menubar {
  background-color: #2a383e;
  color: #dbdee0; }

.unity-panel.menubar:backdrop,
.unity-panel .menubar *:backdrop {
  color: #839096; }

.unity-panel.menubar.menuitem,
.unity-panel.menubar .menuitem {
  padding: 3px 5px;
  border-width: 1px;
  border-style: solid;
  border: none;
  background: none;
  color: #dbdee0;
  box-shadow: none; }

.unity-panel.menubar.menuitem:hover,
.unity-panel.menubar .menuitem:hover {
  border-radius: 0;
  background-color: #526b77;
  color: #dbdee0;
  box-shadow: none; }

.unity-panel.menubar .menuitem *:hover {
  color: white;
  box-shadow: none; }

.unity-panel.menubar .menuitem.separator,
.unity-panel.menubar.menuitem.separator {
  border: none;
  color: #222c31; }

/* Force Quit */
SheetStyleDialog.unity-force-quit {
  background-color: #455a64; }

@keyframes playbackmenuitem_spinner {
  to {
    -gtk-icon-transform: rotate(1turn); } }
.menu IdoPlaybackMenuItem.menuitem:active {
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
  animation: playbackmenuitem_spinner 1s infinite linear;
  color: #2196f3; }

/***********************
 * App-Specific Styles *
 ***********************/
/*********
 * Geary *
 *********/
.geary-titlebar-left,
.geary-titlebar-right {
  background-color: #F2B035; }
  .geary-titlebar-left:backdrop,
  .geary-titlebar-right:backdrop {
    background-color: #e59a0f; }
  .geary-titlebar-left .separator,
  .geary-titlebar-right .separator {
    opacity: 0; }

ConversationListView {
  -GtkTreeView-grid-line-width: 0; }
  ConversationListView .view:active, ConversationListView GtkIconView:active,
  ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected,
  ConversationListView iconview:selected {
    background-color: #2196f3;
    color: #ffffff; }
    ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop,
    ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop,
    ConversationListView iconview:selected:backdrop {
      background-color: #39a1f4;
      color: rgba(255, 255, 255, 0.5); }
  ConversationListView .view .cell, ConversationListView GtkIconView .cell,
  ConversationListView iconview .cell {
    border: solid rgba(0, 0, 0, 0.2);
    border-width: 0 0 1px 0; }
    ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected,
    ConversationListView iconview .cell:selected {
      color: #ffffff;
      border: 0px solid #0c7cd5; }

/***********
 * LightDm *
 ***********/
#panel_window {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  font: bold;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); }
  #panel_window .menubar,
  #panel_window .menubar > .menuitem
  menubar,
  #panel_window menubar > menuitem {
    background-color: transparent;
    color: white;
    font: bold; }
  #panel_window menubar menuitem:disabled {
    color: rgba(255, 255, 255, 0.5); }
    #panel_window menubar menuitem:disabled GtkLabel {
      color: inherit; }
    #panel_window menubar menuitem:disabled label {
      color: inherit; }
  #panel_window .menubar .menu > .menuitem,
  #panel_window menubar menu > menuitem {
    font: normal; }

#login_window,
#shutdown_dialog,
#restart_dialog {
  font: normal;
  border-style: none;
  background-color: transparent;
  color: #cfd8dc; }

#content_frame {
  padding-bottom: 14px;
  background-color: #37474f;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 1px 1px 0 1px; }

#content_frame button {
  color: #cfd8dc;
  outline-color: rgba(207, 216, 220, 0.3);
  border-color: #222c31;
  background-image: linear-gradient(to bottom, #37474f, #2d3940);
  text-shadow: 0 1px rgba(0, 0, 0, 0.7898);
  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7898);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
  #content_frame button:hover {
    color: #cfd8dc;
    outline-color: rgba(207, 216, 220, 0.3);
    border-color: #222c31;
    background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
    text-shadow: 0 1px rgba(0, 0, 0, 0.7418);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7418);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
  #content_frame button:active, #content_frame button:checked {
    color: #cfd8dc;
    outline-color: rgba(207, 216, 220, 0.3);
    border-color: #222c31;
    background-image: linear-gradient(to bottom, #28343a, #334249);
    text-shadow: 0 1px rgba(0, 0, 0, 0.8698);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.8698);
    box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
  #content_frame button:disabled {
    border-color: #222c31;
    background-image: none;
    background-color: #3d4f57;
    text-shadow: none;
    box-shadow: none;
    -gtk-icon-shadow: none; }
    #content_frame button:disabled GtkLabel, #content_frame button:disabled {
      color: #839096; }
    #content_frame button:disabled label, #content_frame button:disabled {
      color: #839096; }

#buttonbox_frame {
  padding-top: 20px;
  padding-bottom: 0px;
  border-style: none;
  background-color: #303f46;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 0 1px 1px 1px; }

#buttonbox_frame button {
  color: #cfd8dc;
  border-color: rgba(0, 0, 0, 0.7);
  background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
  background-clip: padding-box;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  text-shadow: 0 1px black;
  -gtk-icon-shadow: 0 1px black;
  outline-color: rgba(207, 216, 220, 0.3); }
  #buttonbox_frame button:hover {
    color: white;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px black;
    -gtk-icon-shadow: 0 1px black;
    outline-color: rgba(207, 216, 220, 0.3); }
  #buttonbox_frame button:active, #buttonbox_frame button:checked {
    color: white;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(207, 216, 220, 0.3); }
  #buttonbox_frame button:disabled {
    color: #787f81;
    border-color: rgba(0, 0, 0, 0.7);
    background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none; }

#login_window #user_combobox {
  color: #cfd8dc;
  font: 13px; }
  #login_window #user_combobox .menu,
  #login_window #user_combobox menu {
    font: normal; }

#user_image {
  padding: 3px;
  border-radius: 2px; }

#greeter_infobar {
  border-bottom-width: 0;
  font: bold; }
